>_toolkitbox

~/tools / Color Converter

Color Converter

Converta cores entre HEX, RGB e HSL. Você também pode escolher uma cor com o seletor de cor.

Útil quando um design entrega um valor HEX mas você quer ajustar a luminosidade em HSL no seu CSS — converta rapidamente entre notações de cor enquanto implementa.

# Casos de uso

  • Converter um valor HEX de um design entregue para HSL para poder ajustar luminosidade/saturação no CSS
  • Converter um valor RGB de outra ferramenta em um código HEX que você possa colar diretamente no CSS
  • Escolher uma cor visualmente enquanto verifica várias notações ao mesmo tempo

# Como usar

  1. Digite um código HEX (ex.: #2563eb) ou escolha uma cor com o seletor.
  2. Os valores RGB e HSL equivalentes são exibidos automaticamente.
HEX
#2563eb
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)

# FAQ

Suporta o HEX abreviado de 3 dígitos (ex.: #fff)?
Sim. Códigos abreviados como #fff são automaticamente expandidos para a forma completa de 6 dígitos (#ffffff).

# Relacionados

# Aprenda nos sites irmãos