Trabaja con #EFE0FF

Consulta formatos equivalentes, contraste de texto, pasos de paleta, relaciones de tono y CSS listo para copiar para cualquier color opaco introducido como HEX, RGB, HSL, HWB, OKLCH o palabra clave CSS.

Ajusta OKLCH y comprueba su alternativa sRGB sin confundirlas.

Modifica la luminosidad perceptual, el croma y el matiz. El instrumento mantiene separado el valor OKLCH original de la alternativa sRGB de seis dígitos usada en los demás cálculos.

Adaptado a sRGB El croma se reduce sin cambiar la luminosidad ni el matiz antes de convertir a HEX.

L Luminosidad C Croma H Matiz

Formatos de color equivalentes

Estas notaciones CSS, incluido el OKLCH perceptual, se calculan desde el mismo valor sRGB normalizado de seis dígitos.

Contraste del texto negro y blanco

Compara las relaciones de luminancia relativa WCAG antes de elegir el texto. Superar un umbral no sustituye la revisión de la interfaz completa.

Color de primer plano recomendado: #000000 · 16,78:1

Texto blanco1,25:1

AA texto normal: No cumple
AA texto grande: No cumple
AAA texto normal: No cumple
AAA texto grande: No cumple

Texto negro16,78:1

AA texto normal: Cumple
AA texto grande: Cumple
AAA texto normal: Cumple
AAA texto grande: Cumple

Continuar en el laboratorio de contrasteComparar #EFE0FF con otro colorAbre el comprobador WCAG completo con este color y el primer plano negro o blanco de mayor contraste ya preparados.

Tintes y sombras calculados

Usa estas mezclas sRGB reproducibles como punto de partida y compruébalas en el contexto real de tu interfaz.

Tintes

Sombras

Puntos de partida en la rueda de color

Estas variantes giran el tono HSL y conservan la saturación y la luminosidad. Son opciones matemáticas, no recomendaciones automáticas de diseño.

CSS listo para copiar

Empieza con propiedades personalizadas para el color normalizado y el primer plano blanco o negro con mayor contraste.

--color-hex-efe0ff: #EFE0FF;
--color-hex-efe0ff-rgb: 239 224 255;
--color-hex-efe0ff-hsl: 269 100% 94%;
--color-hex-efe0ff-oklch: oklch(92.8% 0.0444 307.25);
color: #000000;
background-color: var(--color-hex-efe0ff);