Conversor de colores
Pega un color en cualquier formato: HEX, RGB, HSL, CMYK, LAB, OKLCH o un nombre CSS. Todos los demás formatos aparecen a la vez, listos para copiar.
Todo se calcula en tu navegador: no se envía ningún color.
Sobre esta herramienta
Este conversor de colores entiende casi cualquier forma de escribir un color: códigos HEX de 3, 4, 6 u 8 cifras, rgb() y rgba(), hsl() y hsla(), los valores HSV (o HSB) de los programas de diseño, hwb(), CMYK, lab() y lch() en CIELAB, oklab() y oklch(), además de los 148 nombres de color CSS como tomato o navy. Pega un valor tal como aparece en una maqueta, una hoja de estilos o un manual de marca: se reconoce automáticamente y se convierte a todos los demás formatos a la vez.
Cada fila se copia con un clic y también sirve de punto de partida: cambia el valor HSL u OKLCH y el resto se ajusta. La vista previa muestra la transparencia, un control deslizante regula la opacidad y el contraste del texto sobre blanco y sobre negro se calcula según las pautas WCAG (AA y AAA). Los cálculos siguen la especificación CSS Color 4 y avisan si un color LAB u OKLCH queda fuera de la gama de las pantallas. Un bloque CSS listo para pegar incluye una variable, los canales RGB y un valor OKLCH moderno.
- HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLAB, OKLCH
- 148 nombres CSS, con el más cercano
- Entrada libre en cualquier formato
- Opacidad con HEXA, RGBA y HSLA
- Contraste AA y AAA sobre blanco y negro
- Bloque CSS listo para pegar
Cómo usarla
- Pega o escribe un color, o elígelo con el selector.
- Lee todos los formatos y la vista previa, y ajusta la opacidad si hace falta.
- Comprueba el contraste sobre blanco y sobre negro.
- Copia el valor que necesites o el bloque CSS completo.