No se sube nada
Conversor de colores
Escribe o elige un color en cualquier formato y obtenlo en HEX, RGB, HSL, HSV, CMYK y OKLCH, con su nombre CSS y lo legible que resulta como texto sobre blanco y sobre negro.
HEX, rgb(), hsl(), hsv(), cmyk(), oklch() o un nombre CSS como tomato.
Contraste
Sobre blanco 3,24:1
- AA, texto normal: No cumple
- AA, texto grande: Cumple
- AAA, texto normal: No cumple
- AAA, texto grande: No cumple
Sobre negro 6,49:1
- AA, texto normal: Cumple
- AA, texto grande: Cumple
- AAA, texto normal: No cumple
- AAA, texto grande: Cumple
Para un texto de este color sobre fondo blanco o negro (WCAG 2). Texto grande es de 24 px, o de 18,66 px en negrita.
Formatos
Leído como HEX.
- HEX
- #1e90ff
- RGB
- rgb(30, 144, 255)
- HSL
- hsl(209.6, 100%, 55.9%)
- HSV (HSB)
- hsv(209.6, 88.2%, 100%)
- CMYK (aproximado)
- cmyk(88.2%, 43.5%, 0%, 0%)
- OKLCH
- oklch(65.2% 0.1901 253.21)
- Nombre CSS
- dodgerblue
El CMYK usa la fórmula sencilla, sin perfil de color. Las imprentas convierten con su propio perfil, así que tómalo como punto de partida.
Lo que escribes se queda en este dispositivo. No se sube nada.
¿Te ahorró tiempo? DigiTools es gratis, sin anuncios y sin registro. Deja una propina (se abre en una pestaña nueva) para ayudar a que siga así.
Cuéntales a otros qué te pareció: deja tu opinión sobre DigiTools en Trustpilot (se abre en una pestaña nueva).
Cómo convertir un color
- Escribe o pega un color, como #1e90ff, rgb(30, 144, 255) o tomato, o elígelo con el selector de color.
- Léelo en todos los formatos; cada uno tiene su botón para copiar.
- Revisa el contraste: la relación sobre blanco y sobre negro, y si un texto de este color cumple los niveles AA y AAA de las WCAG.
Preguntas frecuentes
¿Cómo se pasa de HEX a RGB?
Un color hexadecimal son tres pares de cifras: rojo, verde y azul. Cada par es un número del 0 al 255, así que en #1e90ff, 1e es 30, 90 es 144 y ff es 255: rgb(30, 144, 255). Un código corto duplica cada cifra: #fa0 es #ffaa00.
¿Qué significan los códigos HEX de 8 cifras y el alfa?
El último par es la opacidad, de 00 (transparente) a ff (opaco). #1e90ff80 es más o menos medio transparente, igual que rgba(30, 144, 255, 0.5).
¿Por qué el CMYK es solo aproximado?
La pantalla mezcla luz y la impresora mezcla tinta, y el resultado de la tinta depende de la impresora, del papel y del perfil de color. Este conversor usa la fórmula sencilla, sin perfil, que sirve como punto de partida. Para imprimir, convierte en tu programa de diseño con el perfil de tu imprenta.
¿Qué es OKLCH?
Una forma más reciente de escribir colores en CSS: luminosidad, croma (cuánto color hay) y tono, pensada para que pasos iguales se vean igual de distintos, lo que viene muy bien para crear paletas. Un color que la pantalla no puede mostrar se ajusta reduciendo su croma.
¿Qué contraste necesita un texto?
Las WCAG 2 piden al menos 4,5:1 entre el texto y su fondo (nivel AA), o 3:1 para texto grande: 24 px, o 18,66 px en negrita. El nivel AAA pide 7:1 y 4,5:1. Las relaciones no se redondean hacia arriba, así que 4,49:1 no cumple AA.