Selector de color
Elige cualquier color y obtén sus códigos HEX, RGB y HSL, tonos claros y oscuros, contraste del texto, o toma un color de una imagen. No se sube nada.
- HEX#ff6b1a
- RGBrgb(255, 107, 26)
- HSLhsl(21, 100%, 55%)
- CSS--color: #ff6b1a;
Se ejecuta en tu dispositivo. No se envía nada a un servidor.
Cómo funciona
Usa el cuadro de color o escribe un código HEX. Los valores RGB y HSL, la escala de tonos y las comprobaciones de contraste se actualizan al instante. Pulsa Copiar en el formato que necesites.
Para tomar un color de una foto o captura, elige una imagen y haz clic sobre ella. La imagen se queda en tu dispositivo; el color se lee del píxel que pulsaste.
Preguntas
¿Qué significa la relación de contraste?
Compara tu color con texto blanco y negro. Las pautas de accesibilidad piden al menos 4.5:1 para texto normal, mostrado aquí como AA.
¿Cuál es la diferencia entre HEX, RGB y HSL?
Describen el mismo color. HEX es la forma compacta para web, RGB indica rojo, verde y azul de 0 a 255, y HSL usa tono, saturación y luminosidad, más fácil para ajustar a ojo.