gris claro
HEX #D3D3D3 • RGB 211,211,211 • HSL 0 0% 83%
Nombre oficial CSS: lightgrey
Tonos más claros (tints)
Base
HEX: #D3D3D3
RGB: rgb(211, 211, 211)
HSL: hsl(0 0% 83%)
Tonos más oscuros (shades)
Tonos desaturados (tones)
Preguntas frecuentes sobre el color gris claro
¿Cómo usar gris claro en CSS?
Usa la propiedad
color (texto), background-color (fondo) o en un degradado. Ejemplo: color: #D3D3D3; o background: rgb(211, 211, 211);.¿Cuál es el código HEX, RGB y HSL de gris claro?
HEX:
#D3D3D3 — RGB: 211, 211, 211 — HSL: 0 0% 83%.¿Cómo obtener un tono más claro u oscuro?
En HSL, ajusta la luminosidad (L) y la saturación (S). Aumentar L → más claro, disminuir L → más oscuro. Nuestro módulo genera directamente estas variantes arriba.
¿Este color es accesible sobre fondo claro/oscuro?
Comprueba el contraste WCAG (ratio 4.5:1 para texto normal). Usa idealmente un verificador de contraste y prefiere tonos más oscuros para texto sobre fondo claro.
¿Hay alternativas parecidas?
Sí, los colores CSS con nombre parecidos en tono/saturación pueden servir. Explora el índice de colores para encontrar equivalentes.