Selector de colores
Elige un color y copia su código en el formato que necesites, con su gama de tonos y su contraste.
Espacio de trabajo · Selector de colores
Cómo se usa
Haz clic en la muestra de color para abrir el selector del sistema, o usa el cuentagotas si tu navegador lo permite.
Copia el código HEX, RGB, HSL o CMYK con un clic.
Elige un tono más claro u oscuro de la paleta para usarlo como color principal.
Ejemplos
Diseño web
Copia el HEX de tu color de marca para usarlo en CSS.
Accesibilidad
Comprueba que un texto en tu color tiene un contraste de al menos 4,5:1.
Paletas
Obtén cinco tonos más oscuros y cinco más claros de un mismo color.
Lo que conviene saber
El contraste se calcula con la fórmula de luminancia relativa de las pautas WCAG. Para texto normal se recomienda un contraste mínimo de 4,5:1 y para texto grande, 3:1.
El cuentagotas de pantalla (EyeDropper) está disponible en Chrome y Edge de escritorio. En otros navegadores puedes usar el selector de color del sistema.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y CMYK.
Generador de paletas de colores
Crea paletas armónicas y copia los códigos HEX.
Comprobador de contraste WCAG
Comprueba el contraste entre texto y fondo y su nivel AA o AAA.