Back to Learning
💻

CSS Color Keywords

Learn about predefined CSS color keywords

Introduction

CSS provides a set of predefined color keywords such as 'red', 'blue', 'green', and others.

Basic Colors

red
blue
green
yellow

Extended Colors

CSS also includes many extended colors such as coral, skyblue, tomato, teal, and many others.

coral
skyblue
tomato
teal

Usage

Color keywords are convenient for quick use but are limited in the number of available colors. For precise colors, it's better to use HEX or RGB.

Palabras clave de color CSS: Guía de referencia completa para desarrolladores web

CSS proporciona un conjunto extenso de palabras clave de color predefinidas, desde básicas (red, blue, green) hasta extendidas (coral, skyblue, tomato, teal). Estas palabras clave simplifican el trabajo con colores en CSS, pero tienen limitaciones en precisión y número de tonos disponibles.

En esta guía detallada cubrimos todas las palabras clave de color CSS, su aplicación, ventajas y desventajas. Aprenderá a usar поиск названия цвета para encontrar nombres de colores, trabajar con конвертер цветов para convertir palabras clave a HEX/RGB, y aplicar генератор UI токенов para crear sistemas de diseño basados en colores CSS.

Palabras clave de color CSS básicas y extendidas

El estándar CSS define 147 palabras clave de color, incluyendo colores básicos (red, blue, green, yellow, black, white, gray) y una paleta extendida (coral, skyblue, tomato, teal, lavender, salmon, turquoise y muchos otros).

Cada palabra clave corresponde a un valor HEX específico, por ejemplo 'red' es equivalente a #FF0000, 'blue' es #0000FF. Estas palabras clave son convenientes para prototipado rápido y aprendizaje, pero limitadas en precisión.

Para proyectos profesionales, se recomienda usar formatos HEX, RGB o HSL para control preciso de color. La herramienta поиск названия цвета permite encontrar el nombre de cualquier color, incluyendo palabras clave CSS, y obtener sus valores HEX/RGB exactos.

Aplicación práctica de palabras clave de color CSS

Las palabras clave de color CSS se usan en propiedades como color, background-color, border-color y otras. La sintaxis es simple: color: red; background-color: blue;. Son especialmente útiles para prototipado rápido, aprendizaje y creación de interfaces simples.

Sin embargo, para colores de marca precisos, gradientes y sistemas de diseño complejos, es mejor usar valores HEX o RGB. Las herramientas modernas como конвертер цветов permiten la conversión instantánea de palabras clave CSS a formatos HEX, RGB y HSL, lo cual es crítico al trabajar con mockups de diseño.

Al crear sistemas de diseño, генератор UI токенов usa valores de color precisos en lugar de palabras clave para garantizar consistencia y control.

Limitaciones y mejores prácticas

La principal limitación de las palabras clave de color CSS es un conjunto fijo de 147 colores, lo cual es insuficiente para proyectos de diseño modernos. Además, no hay control sobre tonos, saturación y luminosidad.

Para crear temas, gradientes e interfaces accesibles, se requieren valores de color precisos. Al trabajar con branding, es importante usar colores de marca precisos, no palabras clave aproximadas.

Para verificación de contraste, use проверка контраста, que trabaja con valores de color precisos. Al crear paletas de colores, генератор палитр genera combinaciones armónicas basadas en valores HEX/RGB precisos, no palabras clave.

Заключение

Las palabras clave de color CSS son una herramienta conveniente para prototipado rápido y aprendizaje, pero para proyectos profesionales se recomienda usar formatos de color precisos (HEX, RGB, HSL) para control completo de color y consistencia de diseño.