Códigos HEX, RGB, HSL, CMYK, contraste de accesibilidad, tonos y armonías: todo para elegir tus colores.
| Formato | Ejemplo | Dónde usarlo |
|---|---|---|
| HEX | #6D5EF0 | Webs, programas de diseño |
| RGB | rgb(109, 94, 240) | Pantallas, CSS, retoque fotográfico |
| HSL | hsl(247, 83%, 65%) | Crear variantes más claras u oscuras |
| CMYK | 55% 61% 0% 6% | Impresión (valor orientativo, sin perfil de color) |
Las pautas de accesibilidad web (WCAG) piden un contraste de al menos 4,5:1 para texto normal (nivel AA) y 7:1 para el nivel AAA. Un texto grande se conforma con 3:1. La herramienta calcula el contraste de tu color sobre blanco y sobre negro: sabes al instante si sirve para texto.
En el ordenador, el cuentagotas recoge el color de cualquier punto de la pantalla, si tu navegador lo permite.
Pega el código HEX en el campo: la herramienta muestra al momento su valor RGB, HSL y CMYK, cada uno con un botón para copiarlo.
Al menos 4,5:1 entre el texto y el fondo para texto normal y 3:1 para un título grande. La herramienta indica si tu color alcanza esos umbrales.
Son orientativos: la conversión exacta depende del perfil de color de la imprenta. Pídele su perfil para un resultado fiel.