Selector de colores y paletas

Códigos HEX, RGB, HSL, CMYK, contraste de accesibilidad, tonos y armonías: todo para elegir tus colores.

Los formatos de color

FormatoEjemploDónde usarlo
HEX#6D5EF0Webs, programas de diseño
RGBrgb(109, 94, 240)Pantallas, CSS, retoque fotográfico
HSLhsl(247, 83%, 65%)Crear variantes más claras u oscuras
CMYK55% 61% 0% 6%Impresión (valor orientativo, sin perfil de color)

El contraste, para un texto legible

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.

Crear una paleta

En el ordenador, el cuentagotas recoge el color de cualquier punto de la pantalla, si tu navegador lo permite.

Preguntas frecuentes

¿Cómo convierto un código HEX a RGB?

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.

¿Qué contraste hace falta para un texto legible?

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.

¿Los valores CMYK son exactos para imprimir?

Son orientativos: la conversión exacta depende del perfil de color de la imprenta. Pídele su perfil para un resultado fiel.

Herramientas relacionadas

Nuestros otros sitios:NetCheck - herramientas de red y DNSVolt - test de velocidad de internetBoxo - correo temporal desechable