Conversor de Valores de Color

Vista Previa del Color

Color Actual

Contraste de Texto

Texto Blanco

Texto Negro

Selección Rápida

Elegir Color:

Colores Comunes

Conversión de Valor de Color

HEX (Hexadecimal) Para CSS, HTML, etc., p. ej., #FF5733

RGB (Rojo Verde Azul) Formato CSS Estándar, p. ej., rgb(255, 87, 51)

RGBA (con Alfa)

100%

RGB con transparencia, rango alfa: 0-1

HSL (Tono/Saturación/Luminosidad) Tono (0-360°), Saturación, Luminosidad

HSLA (HSL + Alfa) Formato HSL con transparencia

HSV/HSB (Tono/Saturación/Valor o Brillo) Comúnmente usado en software de diseño como Photoshop

CMYK (Impresión a cuatro colores) Modo de color usado para impresión

Valor entero (Decimal) Representación entera decimal, común en programación

Filtro CSS (Aproximado) Puede convertir iconos negros a colores destino (aproximado)

Instrucciones:

Características:

Compatible con conversión entre múltiples formatos: HEX, RGB, RGBA, HSL, HSLA, HSV y CMYK
Vista previa en tiempo real del color y contraste de texto
Compatible con ajuste de transparencia (canal Alfa)
Proporciona selección rápida de colores comunes
Compatible con selector de color de pantalla (requiere navegador compatible)
Copia con un clic en cualquier formato
Procesamiento 100% local, sin envío de datos, seguro y confiable

Explicación de formatos de color:

HEX: Notación hexadecimal, como #FF5733, común en desarrollo web
RGB: Rojo, Verde, Azul, rango 0-255, p. ej., rgb(255, 87, 51)
RGBA: RGB con transparencia Alfa (0-1), p. ej., rgba(255, 87, 51, 0.8)
HSL: Tono (0-360°), Saturación (0-100%), Luminosidad (0-100%)
HSV/HSB: Tono, Saturación, Luminosidad, común en software de diseño
CMYK: Cian, Magenta, Amarillo, Negro, modo de color estándar en impresión
Decimal: Representación entera, común en lenguajes de programación
CSS Filter: Filtro CSS que convierte elementos negros a un color destino

Consejo:Introduce cualquier valor de color directamente y la herramienta lo reconocerá automáticamente. Compatible con formatos HEX, RGB, HSL.