Referencia de Nombres de Color
Explora colores con nombre de CSS/HTML, Material Design y Tailwind CSS. Haz clic en cualquier muestra para copiar su valor hexadecimal. Usa el cuadro de busqueda para filtrar por nombre o codigo hex.
Preguntas frecuentes
Q: ¿Que son los colores con nombre de CSS?
A: Los colores con nombre de CSS son 148 palabras clave de color predefinidas reconocidas por todos los navegadores modernos. En lugar de escribir un codigo hexadecimal como #FF6347, puedes usar el nombre "tomato" directamente en tu CSS. Estos nombres se estandarizaron en la especificacion CSS Color Level 4.
Q: ¿Cual es la diferencia entre los formatos de color hex, RGB y HSL?
A: Hex usa una notacion hexadecimal de seis digitos (#RRGGBB). RGB especifica valores de los canales rojo, verde y azul de 0-255. HSL define colores por tono (0-360), saturacion (0-100%) y luminosidad (0-100%). Los tres pueden representar los mismos colores; son simplemente notaciones diferentes.
Q: ¿Que son los colores de Material Design?
A: Los colores de Material Design son una paleta seleccionada creada por Google para interfaces Material Design. Cada familia de colores tiene tonos desde 50 (mas claro) hasta 900 (mas oscuro), siendo 500 el tono principal. Estan disenados para accesibilidad y armonia visual.
Q: ¿Que son los colores de Tailwind CSS?
A: Tailwind CSS proporciona una paleta de colores predeterminada seleccionada a mano con 22 familias de colores. Cada familia incluye tonos del 50 al 950. El tono 500 es el color base, y la paleta esta disenada para verse bien en temas de interfaz claros y oscuros.
Q: ¿Como elijo el color adecuado para mi proyecto?
A: Considera las relaciones de contraste para accesibilidad (WCAG recomienda al menos 4.5:1 para texto normal). Usa un color primario para la identidad de marca, una paleta neutra para texto y fondos, y colores de acento con moderacion para elementos interactivos.