Conversor de Colores
Convierta colores entre formatos HEX, RGB, HSL y CMYK. Detecta automáticamente el formato de entrada y muestra todas las representaciones del espacio de color.
Parámetros
Ingrese un color en formato HEX, RGB, HSL o HWB
El formato del valor de color de entrada.
Resultados
#3B82F6
Notación de color hexadecimal
Otros resultados (5)
Vista previa visual del color.
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
Color con nombre CSS más cercano a este color
Ejemplo de entrada y resultado
#3B82F6rgb(59, 130, 246)CMYK es una aproximación matemática sin perfil ICC. No predice la salida de una impresora o un papel concreto.
Por qué elegir Conversor de Colores
Color Converter transforma colores entre formatos HEX, RGB, HSL y CMYK con detección automática del formato de entrada. También identifica el color con nombre CSS más cercano, lo que la convierte en una herramienta esencial para diseñadores y desarrolladores web.
- ✓Convierte entre formatos de color HEX, RGB, HSL y CMYK
- ✓Detecta automáticamente el formato de color de entrada
- ✓Muestra la coincidencia de color con nombre CSS más cercana
- ✓Todos los valores están listos para copiar para su uso en CSS o herramientas de diseño.
Pasos de uso
- 1Ingrese su valor de color en cualquier formato compatible (HEX, RGB, HSL, HWB)
- 2Seleccione el formato de entrada o déjelo en detección automática
- 3Vea todas las representaciones de formato de color al instante
- 4Copie el formato que necesita para su CSS o herramienta de diseño
- 5Verifique el color con nombre más cercano para una referencia rápida
Preguntas frecuentes (FAQ)
¿Cuál es la diferencia entre HEX y RGB?
HEX y RGB representan los mismos datos de color de forma diferente. HEX usa una notación base 16 (#RRGGBB), mientras que RGB usa valores decimales (rgb(R, G, B)). Por ejemplo, #FF0000 y rgb(255, 0, 0) representan rojo puro.
¿Cuándo debo usar HSL en lugar de HEX?
HSL (Tono, Saturación, Luminosidad) es más intuitivo para ajustar los colores. Puede hacer fácilmente que un color sea más claro (aumentar L), más vivo (aumentar S) o cambiar su tono. HEX es mejor para especificar colores exactos y compartirlos con herramientas de diseño.
¿Para qué se utiliza CMYK?
CMYK (cian, magenta, amarillo, clave/negro) se utiliza en el diseño de impresión. A diferencia del RGB, que es aditivo (basado en la luz), CMYK es sustractivo (basado en tinta). La conversión de RGB a CMYK es esencial a la hora de preparar diseños digitales para imprimir.
¿Puedo utilizar esta herramienta para convertir desde HWB?
Sí. HWB (Tono, blancura, negrura) es un formato de color CSS más nuevo que es intuitivo para ajustar los colores. Ingrese su valor de HWB en el formato hwb(H W% B%) y la herramienta lo convertirá a todos los demás formatos.
¿Qué tan precisa es la coincidencia de color con nombre más cercana?
La herramienta utiliza la distancia euclidiana en el espacio RGB para encontrar el color CSS con nombre más cercano. Si su color coincide exactamente con un color nombrado, muestra una coincidencia exacta. De lo contrario, muestra el color con nombre más cercano, que puede diferir ligeramente de su entrada.
Referencias y fuentes autorizadas
CSS Color Module Level 4 - W3C
Ver fuenteColor Values - MDN Web Docs
Ver fuenteNamed CSS Colors
Ver fuenteHerramientas relacionadas
Explore más herramientas prácticas para este tipo de tarea.