Toolalize

Convertidor de Color

Convierte códigos de color hex, RGB y HSL al instante con una vista previa en vivo. Copia valores de color listos para CSS en cualquier formato.

Referencia de colores CSS

Nombre del colorHexRGB
Red#ff0000rgb(255, 0, 0)
Coral#ff7f50rgb(255, 127, 80)
Orange#ffa500rgb(255, 165, 0)
Gold#ffd700rgb(255, 215, 0)
Yellow#ffff00rgb(255, 255, 0)
YellowGreen#9acd32rgb(154, 205, 50)
Lime#00ff00rgb(0, 255, 0)
Green#008000rgb(0, 128, 0)
Teal#008080rgb(0, 128, 128)
Cyan#00ffffrgb(0, 255, 255)
DodgerBlue#1e90ffrgb(30, 144, 255)
Blue#0000ffrgb(0, 0, 255)
SlateBlue#6a5acdrgb(106, 90, 205)
Purple#800080rgb(128, 0, 128)
HotPink#ff69b4rgb(255, 105, 180)
White#ffffffrgb(255, 255, 255)
Silver#c0c0c0rgb(192, 192, 192)
Gray#808080rgb(128, 128, 128)
Black#000000rgb(0, 0, 0)

Preguntas frecuentes

Divide el código hex de 6 dígitos en tres pares: el primero es Rojo, el segundo es Verde, el tercero es Azul. Convierte cada par de hexadecimal a decimal. Por ejemplo: #ff5733 → Rojo=ff=255, Verde=57=87, Azul=33=51, dando rgb(255, 87, 51). Nuestro convertidor hace esto al instante mientras escribes.
HSL significa Tono (Hue), Saturación (Saturation) y Luminosidad (Lightness). El tono es el ángulo en la rueda de colores (0°–360°). La saturación (0–100%) controla cuán vívido es el color. La luminosidad (0–100%) controla el brillo — 0% es negro, 50% es el color puro, 100% es blanco. HSL es muy usado en CSS para ajustes programáticos de color.
Códigos hex comunes: Rojo=#ff0000, Naranja=#ffa500, Amarillo=#ffff00, Verde=#008000, Cian=#00ffff, Azul=#0000ff, Morado=#800080, Blanco=#ffffff, Gris=#808080, Negro=#000000. Haz clic en cualquier fila de la tabla de colores para cargarlo al instante.
CMYK (Cian, Magenta, Amarillo, Negro) es el modelo de color usado en impresión a color. A diferencia del RGB (para pantallas), CMYK resta luz del papel blanco. El código hex #ff0000 (rojo puro) equivale a cmyk(0%, 100%, 100%, 0%). Los valores CMYK son esenciales al preparar archivos para impresión profesional.