← Volver al inicio

Selector y Conversor de colores

Selecciona colores y convierte entre formatos HEX, RGB y HSL.

Elegir un color
Paleta
Sombras
Matices
Variables CSS
--color-primary: #8b5cf6;

Resumen

Elige colores y convierte entre HEX, RGB y HSL.

Ideal para

  • Unificar colores de marca.
  • Comprobar contraste para texto UI.
  • Crear una escala de tonos para un tema UI.

Pasos

  1. Elige un color o introduce un valor.
  2. Ajusta tono, saturación o luminosidad.
  3. Copia el formato deseado.

Ejemplos

Ejemplo 1
Entrada
#FF6A00
Salida
rgb(255, 106, 0)
HEX convertido a RGB.
Ejemplo 2
Entrada
hsl(210, 50%, 40%)
Salida
#336699
HSL convertido a HEX.
Ejemplo 3
Entrada
rgb(12, 99, 200)
Salida
#0C63C8
RGB se convierte a HEX.

Errores comunes

  • Colores muy claros reducen el contraste.
  • Los perfiles de color pueden alterar valores.
  • Sin #, el HEX es inv?lido en CSS.

Consejos

  • Comprueba ratios de contraste para accesibilidad.
  • Guarda una paleta para consistencia.

Preguntas frecuentes

¿Por qué se redondea?
Las conversiones redondean; pequeñas diferencias son normales.
¿Se suben mis datos?
No. Todo funciona localmente en tu navegador.
¿Puedo usarlo sin conexión?
Sí. Tras cargar la página, la mayoría funciona sin conexión. Algunos recursos (fuentes) pueden requerir conexión.

Datos y privacidad

Todo el procesamiento ocurre en tu navegador. No se suben ni se almacenan datos.