Asistente de color para escribir HTML y CSS. Escriba cualquier color como #3498db, rgb(52,152,219), hsl(204,70%,53%) o un nombre CSS como dodgerblue, y la pestaña Convertir muestra al instante cada formato equivalente, las declaraciones CSS listas para pegar y una sugerencia de primer plano en negro o blanco. La pestaña Con nombre lista las 148 palabras clave de color CSS, incluida rebeccapurple (con búsqueda y clic para copiar), y Web Safe ofrece la clásica paleta de 216 colores. Todo se ejecuta en local — sin subida, sin servidor. Esta herramienta está orientada al código; para trabajo de diseño (paletas, degradados, contraste, mezclas) vea también el Selector de color.
Modo:
Elija o escriba un color: los equivalentes y los fragmentos CSS se actualizan en directo.
Colores con nombre CSS 148 palabras clave (incl. rebeccapurple): haga clic en una muestra para copiar su #hex
Paleta web segura 216 colores (pasos RGB 0/51/102/153/204/255): haga clic para copiar
Estos colores se muestran sin tramado en las pantallas clásicas de 256 colores.
Cómo se relacionan los formatos:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). El tono HSL va en grados (0-360); la saturación y la luminosidad, en porcentajes. El alfa (#RRGGBBAA, rgba(), hsla()) se analiza y se conserva en todas las salidas. Primero se comparan los nombres de palabra clave CSS exactos; cuando ninguna coincide, se sugiere la más cercana de las 148 palabras clave como pista de diseño.
¿Qué es un código de color CSS?
Un código de color CSS es la receta numérica de un color en pantalla: cuánta luz roja, verde y azul mezclar. Todas las notaciones — el hexadecimal de seis dígitos como #3498db, la funcional rgb(52, 152, 219), hsl(204, 70%, 53%) y las 148 palabras clave predefinidas — se resuelven en el mismo valor sRGB de 24 bits. Hex y rgb() indican los canales directamente, mientras que hsl() describe el color como un ángulo en la rueda de color más la saturación y la luminosidad, lo que suele ser más fácil de razonar al ajustar tonos.
256 niveles por canal dan 16 777 216 colores direccionables; las formas de 8 dígitos (#RRGGBBAA, rgba(), hsla()) simplemente añaden un valor alfa (opacidad) al mismo color.
