Convertidor de colores
Pega un HEX, RGB, HSL o un nombre de color y obtén todos los formatos a la vez, con comprobación de contraste WCAG.
- Funciona en tu dispositivo
- Sin registro
- Funciona sin conexión después de una visita
Acepta #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() o un nombre de color CSS como rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Cada relación es de WCAG 2.x. El texto grande mide 24 px o más, o 18,66 px y en negrita. Las marcas de aprobado se comprueban con la relación exacta, y un color translúcido se mezcla antes con cada fondo.
Cómo convertir un código de color
- Escribe un HEX, rgb(), hsl() o un nombre de color, o elígelo con el selector de muestra.
- Copia el formato que necesites de los cinco resultados.
- Consulta la relación de contraste y las marcas AA o AAA sobre blanco, sobre negro y sobre un fondo que elijas.
Preguntas
¿Por qué el valor CMYK es solo aproximado?
El CMYK depende de la tinta, el papel y el perfil de color de la impresora. Este convertidor usa la fórmula aritmética básica, que ignora los tres factores, así que un color impreso será distinto al de la pantalla. Pide una prueba de impresión a la imprenta antes de una tirada grande.
¿Cómo se calcula la relación de contraste?
WCAG 2.x toma la luminancia relativa de cada color, a partir de sus valores de rojo, verde y azul tras la corrección gamma. La relación es la luminancia más clara más 0,05, dividida entre la luminancia más oscura más 0,05. El negro sobre blanco da 21:1, el máximo posible.
¿Qué umbrales usa la comprobación?
WCAG 2.x exige al menos 4,5:1 para texto normal y 3:1 para texto grande en el nivel AA, y 7:1 y 4,5:1 en el nivel AAA. El texto grande mide 24 px o más, o 18,66 px y en negrita.
¿Qué formatos de color acepta el cuadro?
Códigos hexadecimales de tres, seis u ocho dígitos, rgb() y rgba(), hsl() y hsla(), y nombres de color CSS como rebeccapurple. El navegador lee el valor, así que sirve cualquier cosa que entienda como color CSS.
Reseñas
Aún no hay reseñas. Sé el primero.