// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
Preguntas frecuentes
¿Qué formatos soporta?
HEX (#FF5733), RGB (rgb(255,87,51)), HSL y OKLCH.
¿Muestra el color?
Sí, muestra una vista previa del color junto a los valores convertidos.
¿Funciona con colores CSS?
Sí, acepta cualquier formato de color válido en CSS.
Formatos de color explicados
Los códigos de color HEX usan un signo de numeral seguido de seis dígitos hexadecimales (por ejemplo, #FF5733). Cada color se representa por rojo, verde y azul en dos posiciones. Este es el formato más común en diseño web.
RGB (Red Green Blue) indica los canales de color como valores decimales de 0-255, por ejemplo, rgb(255, 87, 51). HSL (Hue Saturation Lightness) describe colores por tono (0-360°), saturación (0-100%) y luminosidad (0-100%).
Cada formato tiene sus fortalezas: HEX es compacto y se prefiere en CSS, RGB es intuitivo para mezclar colores, y HSL es excelente para la selección sistemática de colores.
¿Cuándo usar cada formato?
Los códigos de color HEX son el estándar en archivos CSS y herramientas de diseño. Si toma códigos de color de sistemas de diseño, trabaje mejor con HEX ya que es la forma de intercambio más común.
RGB es ideal cuando necesita calcular o mezclar colores programáticamente. Los tres canales se pueden modificar individualmente para crear gradaciones.
HSL es más adecuado para la selección de colores y creación de paletas. La estructura intuitiva de tono, saturación y luminosidad facilita encontrar combinaciones de colores armónicas.