Neutros
Blanco antiguo
#FAEBD7 Examinar color Una referencia precisa del color
Cada color debe estar listo para usar.
Consulta valores fiables, contraste y formatos listos para copiar, sin cuentas, relleno ni significados inventados.
#F0F8FF Abrir color - 01HEX, RGB, HSL y HWB
- 02Contraste con texto blanco y negro
- 03Tintes, sombras y CSS listo para copiar
Elige un color inicial
Abre un color y ponlo en práctica.
Cada página incluye valores HEX, RGB, HSL y HWB listos para copiar, comprobaciones de contraste, tintes, sombras y una base de CSS.
Del valor a la decisión
Usa un color con menos conjeturas.
Abre cualquier color para comparar formatos, elegir un primer plano legible, explorar variantes claras y oscuras y copiar el resultado en CSS.
Copia el formato que necesitas
HEX, RGB, HSL y HWB se muestran juntos para pasar entre herramientas de diseño y CSS sin convertir valores a mano.
Comprueba el contraste del texto
Compara texto blanco y negro sobre el color y consulta qué umbrales WCAG alcanza cada combinación.
Crea una paleta práctica
Parte de tintes, sombras, relaciones de tono y variantes de opacidad calculados, y copia después un bloque de propiedades personalizadas CSS listo para usar.