Conversor de colores: HEX, RGB, HSL, HSV, CMYK
Convierte colores entre HEX, RGB, HSL, HSV y CMYK, comprueba el contraste y crea una paleta.
CSS
color: #2563eb;color: rgb(37, 99, 235);color: hsl(221, 83%, 53%);
Contraste WCAG
Calculado con el color opaco como color del texto.
Relación: 5.17:1
- Texto AA: Cumple
- Texto grande AA: Cumple
- Texto AAA: No cumple
- Texto grande AAA: Cumple
Relación: 4.06:1
- Texto AA: No cumple
- Texto grande AA: Cumple
- Texto AAA: No cumple
- Texto grande AAA: No cumple
Paleta
Haz clic en una muestra para seleccionarla.
Tonos más claros y más oscuros
Color complementario
Colores análogos
Cómo se usa
Elige un color con el selector o escríbelo en cualquier campo: todos los demás formatos se actualizan al instante. Se aceptan códigos HEX de 3, 4, 6 u 8 dígitos (por ejemplo #f80 o #ff880080), así como las notaciones rgb(), rgba(), hsl(), hsla(), hsv() y cmyk(). El deslizador establece la opacidad (alfa).
El botón que hay junto a cada campo copia su valor, y la sección CSS te ofrece líneas color: listas para usar.
Contraste y accesibilidad
La herramienta calcula la relación de contraste WCAG entre el color elegido y el blanco y el negro. Para el texto normal, el nivel AA exige al menos 4,5:1 y el AAA, 7:1. El texto grande (aproximadamente 24 px, o 19 px en negrita) exige 3:1 y 4,5:1 respectivamente.
El contraste se calcula sin transparencia, es decir, con el color totalmente opaco.
Paleta, CMYK y privacidad
La paleta muestra tonos más claros y más oscuros (mezclados con blanco o con negro), el color complementario (opuesto en el círculo cromático) y los colores vecinos. Haz clic en una muestra para convertirla en el color actual.
Aquí CMYK se calcula con una fórmula matemática sencilla, por lo que el resultado impreso puede variar: los colores de impresión exactos dependen de la impresora y del perfil de color. Todos los cálculos se ejecutan en tu navegador y no se envía ningún dato a ningún sitio.