Texto blanco4.62:1
Aa
- AA texto normal
- Cumple
- AA texto grande
- Cumple
- AAA texto normal
- No cumple
- AAA texto grande
- Cumple
Referencia de color#9254DEAnt Design Purple 5 — violeta intenso
Referencia de color
Ant Design Purple 5 — violeta intenso
- RGB
- rgb(146 84 222)
- HSL
- hsl(267 68% 60%)
- HWB
- hwb(267 33% 13%)
- Familia cromática
- Índigos
- Color de primer plano recomendado
- #FFFFFF
Perfil calculado
Qué indican los números
Con un tono de 267°, Ant Design Purple 5 — violeta intenso es un color sRGB moderadamente saturado, claro y de tonalidad fría. Su luminancia relativa es del 17.73 %. Para texto sobre este fondo, #FFFFFF ofrece el contraste más alto: 4.62:1.
- Luminosidad HSL
- 60%
- Saturación HSL
- 68%
- Luminancia relativa
- 17.73%
- Grupo de tono
- fría
02
Formatos de color listos para copiar
Notaciones sRGB equivalentes calculadas a partir del mismo valor HEX de seis dígitos.
03
Contraste del texto sobre este color
Las relaciones usan la luminancia relativa de WCAG. Superar una relación no certifica por sí solo una interfaz.
Texto negro4.55:1
Aa
- AA texto normal
- Cumple
- AA texto grande
- Cumple
- AAA texto normal
- No cumple
- AAA texto grande
- Cumple
04
Tintes y sombras calculados
Los tintes mezclan el color con blanco; las sombras lo mezclan con negro en sRGB.
Tintes
Sombras
05
Relaciones en la rueda cromática
Estos colores conservan la saturación y luminosidad HSL originales mientras rotan el tono. Son puntos de partida matemáticos, no recomendaciones automáticas de diseño.
06
Variantes de opacidad
HEX de ocho dígitos y sintaxis alfa moderna de rgb() para la misma opacidad.
20%
40%
60%
80%
07
Base de CSS
Un pequeño bloque de propiedades personalizadas con el primer plano calculado que ofrece mayor contraste en blanco o negro.
--color-ant-design-purple-5-violeta-intenso-9254de: #9254DE;
--color-ant-design-purple-5-violeta-intenso-9254de-rgb: 146 84 222;
--color-ant-design-purple-5-violeta-intenso-9254de-hsl: 267 68% 60%;
color: #FFFFFF;
background-color: var(--color-ant-design-purple-5-violeta-intenso-9254de);Revisión de la comunidad
Proponer una corrección
Corrección para Ant Design Purple 5 — violeta intenso#9254DE
¿Has encontrado un nombre, una explicación, una fuente o un dato de accesibilidad inexactos? Envía una corrección breve para su revisión editorial.
08 / Verificación
De dónde proceden los valores
El nombre del color y el valor HEX se contrastan con la norma citada. Después, RGB, HSL, HWB, luminancia y contraste se calculan desde ese HEX mediante fórmulas publicadas.
- Fuente del nombre y del HEX
- Paletas claras de @ant-design/colors 8.0.1
- Licencia
- MIT License
- Versión
- @ant-design/colors 8.0.1
Continuar con un método