>_toolkitbox

~/tools / Color Converter

Color Converter

Convierte colores entre HEX, RGB y HSL. También puedes elegir un color con el selector de color.

Útil cuando un diseño te da un valor HEX pero quieres ajustar la luminosidad en HSL en tu CSS — convierte rápidamente entre notaciones de color mientras implementas.

# Casos de uso

  • Convertir un valor HEX de un diseño entregado a HSL para poder ajustar luminosidad/saturación en CSS
  • Convertir un valor RGB de otra herramienta en un código HEX que puedas pegar directamente en CSS
  • Elegir un color visualmente mientras compruebas varias notaciones a la vez

# Cómo usarlo

  1. Introduce un código HEX (p. ej. #2563eb) o elige un color con el selector.
  2. Los valores RGB y HSL equivalentes se muestran automáticamente.
HEX
#2563eb
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)

# FAQ

¿Soporta el HEX abreviado de 3 dígitos (p. ej. #fff)?
Sí. Los códigos abreviados como #fff se expanden automáticamente a la forma completa de 6 dígitos (#ffffff).

# Relacionados

# Aprende en nuestros sitios hermanos