Entrada de color
Introduce un código de color
Ejemplos: #336699CC, rgb(51 102 153 / 80%), hsl(210 50% 40%), hwb(210 20% 40%), cmyk(67%, 33%, 0%, 40%) o rebeccapurple.
Listo.
Herramienta de diseño web
Conversor de colores
Convierte HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK y nombres comunes con validación estricta, vista alfa, copia y contraste WCAG según el fondo.
HEX · RGB · HSL · HWB
#336699rgb(51, 102, 153)
Valores convertidos
Formatos de código
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 66.7%, 60%)
HWBhwb(210 20% 40% / 1)
CMYKcmyk(66.7%, 33.3%, 0%, 40%)
Variable CSS--color: rgba(51, 102, 153, 1);
Accesibilidad
Comprobador de contraste
Sobre blanco6.00:1
Sobre negro3.50:1
Sobre fondo personalizado6.00:1
Luminancia relativa0.1251
Texto recomendadoUsa texto blanco para mayor contraste.
Los colores transparentes se componen sobre cada fondo antes de calcular la relación WCAG.
Tabla de códigos
| Color | Nombre | HEX | RGB | HSL |
|---|---|---|---|---|
| Negro | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| Blanco | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Rojo | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Verde lima | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Azul | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Amarillo | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Cian | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Gris | #808080 | 128, 128, 128 | 0, 0%, 50% |
Notas de conversión
HEXHEX admite tres, cuatro, seis u ocho dígitos; el último par de HEX de ocho dígitos guarda el alfa.
RGBRGB admite comas tradicionales, espacios modernos, porcentajes y alfa con barra, y valida los rangos estrictamente.
HSL / HSV / HWBHSL, HSV y HWB comparten un ángulo de tono, pero describen saturación, valor, luminosidad, blancura y negrura.
CMYKCMYK es una estimación de impresión derivada de RGB; una impresión precisa necesita un perfil ICC.
WCAGWCAG usa luminancia relativa: texto normal necesita 4,5:1 para AA y 7:1 para AAA; texto grande necesita 3:1 para AA.
Conversiones populares
Preguntas frecuentes
¿Qué formatos se admiten?
HEX, RGB, RGBA, HSL, HSLA, HSV o HSB, HWB, CMYK, transparent y nombres CSS comunes.
¿Puedo usar sintaxis CSS moderna?
Sí. RGB y HSL aceptan canales separados por espacios, alfa con barra, porcentajes y ángulos deg, rad, grad y turn.
¿Cómo se calcula el contraste con transparencia?
El primer plano se compone sobre blanco, negro o el fondo elegido antes de calcular la relación WCAG.
¿CMYK es exacto para impresión?
No. Es una estimación práctica; la impresión precisa depende de perfiles ICC, tinta, papel y proceso.