Contraste y accesibilidad
La relación de contraste WCAG con texto blanco y negro indica cuál se lee bien sobre este fondo. El texto normal necesita 4.5:1 para el nivel AA.
PARA DESARROLLADORES WEB
El código se queda en tu dispositivo
Convertidor de colores
Convierte cualquier color CSS entre HEX, RGB, HSL, HWB, OKLCH y CMYK, y comprueba su contraste con texto blanco y negro.
1 Color
Procesado en tu navegador. No se sube nada.
TRES PASOS SENCILLOS
Cómo convertir un color
-
01
Introduce un color
Escribe o pega un código HEX, un valor rgb() o hsl(), un color CSS moderno o un nombre como teal.
-
02
Lee los formatos
El mismo color aparece en HEX, RGB, HSL, HWB, OKLCH y CMYK mientras escribes, con una muestra de vista previa.
-
03
Copia lo que necesitas
Copia un formato para tu hoja de estilos, tu archivo de diseño o tu guía de marca.
Conviene saber
CMYK es una estimación
Las imprentas convierten los colores con un perfil para su papel y sus tintas. Usa los valores CMYK como punto de partida y confírmalos con tu imprenta.
Colores de gama amplia
Los valores OKLCH y display-p3 pueden describir colores que las pantallas sRGB no muestran. Esos colores se recortan a la gama sRGB para HEX, RGB, HSL y HWB.
PREGUNTAS
Preguntas frecuentes
¿Cómo convierto un color HEX a RGB?
Pega un valor HEX como #2856c7 y lee el resultado RGB. El mismo color también aparece en los demás espacios de color compatibles. Revisa el valor alfa cuando conviertas un color con transparencia.
¿Por qué un código HEX tiene a veces ocho dígitos?
Los dos últimos dígitos guardan la transparencia. #2856c780 es el mismo azul con un 50 % de opacidad.
¿Qué es OKLCH?
Un formato de color CSS basado en cómo percibimos la luminosidad, la saturación y el tono. Cambiar solo su luminosidad da tonos que parecen espaciados de forma uniforme.
¿Puedo convertir nombres de colores CSS?
Sí. Funcionan todos los colores con nombre de CSS, como rebeccapurple o teal, y la herramienta muestra su valor HEX exacto.