Gama de colores html

wikipedia

Parece que estás usando Internet Explorer 11 o anterior. Este sitio web funciona mejor con navegadores modernos como las últimas versiones de Chrome, Firefox, Safari y Edge. Si continúas con este navegador, puedes ver resultados inesperados.

Un código de color HTML es un identificador utilizado para representar un color en la web. Los códigos de color son formas de representar los colores que vemos a diario en un formato que un ordenador puede interpretar y mostrar. Comúnmente utilizados en sitios web y otras aplicaciones de software, hay una variedad de formatos.  Los dos que se presentarán aquí son los códigos de color Hex, y los códigos de color RGB.

Un color en el modelo de color RGB se describe indicando la cantidad de cada uno de los colores rojo, verde y azul. El color se expresa como un triplete RGB (r,g,b), cada componente del cual puede variar desde cero hasta un valor máximo definido. Si todos los componentes están a cero, el resultado es negro; si todos están al máximo, el resultado es el blanco más brillante representable.

Los más populares son los códigos de color Hex; números hexadecimales de tres bytes (lo que significa que constan de seis dígitos), en los que cada byte, o par de caracteres del código Hex, representa la intensidad del rojo, el verde y el azul del color, respectivamente.

código de color rgb

Mientras que la respuesta aceptada es buena en teoría, ignora el hecho de que el pulgar entonces no puede ser más grande que el tamaño de la pista sin ser cortado por el desbordamiento: oculto. Vea este ejemplo de cómo manejar esto con sólo un poco de JS.

Sí, es posible. Aunque yo no lo recomendaría porque el rango de entrada no es realmente soportado adecuadamente por todos los navegadores porque es un nuevo elemento añadido en HTML5 y HTML5 es sólo un borrador (y lo será por mucho tiempo) por lo que ir tan lejos como para estilizarlo no es quizás la mejor opción.

Aprovechando la respuesta de @dargue3, si quieres que el pulgar sea más grande que la pista, quieres aprovechar al máximo el elemento <input type=”range” /> y vas a cruzar el navegador, necesitas un poco de líneas extra de JS y CSS.

En Chrome/Mozilla puedes usar la técnica del gradiente lineal, pero necesitas ajustar la proporción basándote en los atributos min, max, value como menciona aquí @Attila O.. Tienes que asegurarte de que no estás aplicando esto en Edge, de lo contrario el pulgar no se muestra. @Geoffrey Lalloué lo explica con más detalle aquí.

selector de código de color

Nota: Aunque los valores de <color> están definidos con precisión, su apariencia real puede variar (a veces significativamente) de un dispositivo a otro. Esto se debe a que la mayoría de los dispositivos no están calibrados y algunos navegadores no admiten los perfiles de color de los dispositivos de salida.

Palabras clave de colorLas palabras clave de color son identificadores que no distinguen entre mayúsculas y minúsculas y que representan un color específico, como el rojo, el azul, el negro o el verde claro. Aunque los nombres describen más o menos sus respectivos colores, son esencialmente artificiales, sin una razón estricta detrás de los nombres utilizados.

palabra clave transparenteLa palabra clave transparente representa un color totalmente transparente. Esto hace que el fondo detrás del elemento de color sea completamente visible. Técnicamente, transparente es un atajo para rgba(0,0,0,0).

Nota: Para evitar un comportamiento inesperado, como en un <gradiente>, la especificación CSS actual establece que transparente debe calcularse en el espacio de color alfa-premultiplicado. Sin embargo, tenga en cuenta que los navegadores más antiguos pueden tratarlo como negro con un valor alfa de 0.

códigos de color hexadecimales

viridis y su paquete complementario viridisLite proporcionan una serie de mapas de color diseñados para mejorar la legibilidad de los gráficos para los lectores con formas comunes de daltonismo y/o deficiencia de visión del color. Los mapas de color también son perceptivamente uniformes, tanto en su forma normal como cuando se convierten a blanco y negro para su impresión.

viridisLite proporciona las funciones de base para generar los mapas de color en R. El paquete está pensado para ser lo más ligero y libre de dependencias posible para una máxima compatibilidad con todo el ecosistema R. viridis proporciona funcionalidades adicionales, en particular enlaces para ggplot2.

El paquete contiene ocho escalas de color: “viridis”, la opción principal, y cinco alternativas con propiedades similares – “magma”, “plasma”, “inferno”, “civids”, “mako” y “rocket” -, y un mapa de colores del arco iris – “turbo”.

Los mapas de color viridis, magma, inferno y plasma fueron creados por Stéfan van der Walt ([@stefanv](https://github.com/stefanv)) y Nathaniel Smith ([@njsmith](https://github.com/njsmith)). Si quieres saber más sobre la ciencia que hay detrás de la creación de estos mapas de color, puedes ver esta presentación de viridis por parte de sus autores en SciPy 2015.