Preskoči na sadržaj
(+381) 60 3535 720
Moj nalog
BeoHosting
BeoHosting
Moj nalogKontakt
(+381) 60 3535 720
 

Ferramenta gratuita para web designers

Conversor de Cores — Conversor de Cores HEX, RGB, HSL

Converta cores entre os formatos HEX, RGB e HSL. Pré-visualização ao vivo, seletor de cores, sliders RGB e as 20 cores mais populares. Tudo local no navegador.

Converter corPlanos de alojamento
TL;DR

Como utilizar o Conversor de Cores para HEX, RGB e HSL?

O Conversor de Cores converte uma cor entre 3 formatos web padrão em 3 passos: 1) Introduza um valor em qualquer formato — HEX (#FFCB05), RGB (rgb(255, 203, 5)) ou HSL (hsl(48, 100%, 51%)). 2) A ferramenta calcula automaticamente os outros dois formatos + mostra uma pré-visualização ao vivo. 3) Copie o formato pretendido ou utilize os sliders RGB para um ajuste fino. Quando usar cada formato: HEX para CSS e HTML, RGB para o canvas JavaScript, HSL para variações semânticas (tom mais claro/mais escuro). Tudo é calculado localmente no navegador.

  • 3 formatos — HEX, RGB, HSL — com pré-visualização ao vivo
  • Sliders RGB para ajuste fino de vermelho/verde/azul
  • As 20 cores mais populares como seletor rápido
  • Local no navegador — sem envio para o servidor

BeoHosting Team

10+ godina iskustva — Stručnjaci za web hosting i infrastrukturu

Poslednje ažurirano:

Color Converter

Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.

Pregled

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

RGB slideri

R (crvena)255
G (zelena)203
B (plava)5

20 najčešćih boja

Privatnost: Sve konverzije se vrše lokalno u pregledacu pomoću JavaScript matematickih funkcija. Vaše boje se NE šalju na server.

Guia

HEX, RGB e HSL — quando usar cada formato

O formato HEX (#FFCB05) é o mais comum em CSS e HTML — compacto e legível. Seis caracteres hexadecimais representam 3 bytes (componentes vermelho/verde/azul, de 0 a 255 cada). Existe também uma notação abreviada de 3 caracteres (#FA0 = #FFAA00) para cores com pares repetidos.

RGB — Red Green Blue

O formato RGB utiliza 3 números decimais de 0 a 255 (rgb(255, 203, 5)). Ideal para a canvas API do JavaScript, geração programática de cores e canal alfa (rgba). O RGB é intuitivo ao misturar cores primárias, mas não é adequado para variações da mesma cor.

HSL — Hue Saturation Lightness

O HSL separa uma cor em 3 componentes: Hue (matiz, 0-360°, onde vermelho=0, verde=120, azul=240), Saturation (saturação, 0-100%) e Lightness (luminosidade, 0-100%). Ideal para temas e paletas — altere apenas a Lightness para um estado hover, ou apenas o Hue para cores secundárias.

Ferramentas e serviços relacionados

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EnkoderGenerator LozinkiCSS u vašem sajtuWordPress HostingProveri brzinu sajtaKontakt

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

Pridružite se 4.000+ zadovoljnih korisnika. Besplatna migracija i 15 dana garancije povrata novca.

Izaberite paketKontaktirajte nas
15 dana garancija povrata novca
Besplatna migracija15 dana garancija24/7 podrška

Perguntas frequentes - Conversor de Cores

Odgovori na najčešća pitanja o našim uslugama.

O HEX (hexadecimal) é a notação de cor padrão em CSS na forma #RRGGBB. Cada valor hexadecimal de dois dígitos (00-FF) representa um dos três componentes: vermelho (RR), verde (GG), azul (BB). Por exemplo, #FFCB05 significa R=255, G=203, B=5 — a cor amarela da marca BeoHosting.

O formato RGB é utilizado quando precisa de um canal alfa (transparência) — rgba(255, 203, 5, 0.5) — ou quando gera cores programaticamente na canvas API do JavaScript, onde os valores numéricos são mais práticos. O HEX é mais compacto para CSS estático, ao passo que o RGB é mais legível para valores dinâmicos.

O HSL separa a cor em três componentes intuitivos: Hue, Saturation, Lightness. Para criar um estado hover, reduza a Lightness em 5-10% sem alterar a matiz. Para criar uma cor secundária, altere apenas o Hue em 30-60°. O RGB e o HEX exigem cálculos complexos para obter os mesmos resultados.

Sim, desde 2018 todos os navegadores modernos (Chrome 62+, Firefox 49+, Safari 10+) suportam HEX de 8 caracteres com canal alfa: #FFCB0580 significa 50% de transparência. Para navegadores antigos (IE), utilize rgba(), que tem suporte universal.

Não. Todas as conversões são realizadas localmente no seu navegador através de funções matemáticas JavaScript. As suas cores NÃO são enviadas para o servidor nem armazenadas numa base de dados. Tudo é 100% privado e funciona offline.

Naše garancije za vaš mir

Zaštićeni ste sa svake strane

15 dana garancije

Vraćamo novac bez pitanja u prvih 15 dana.

Besplatna migracija

Mi prebacimo vaš sajt bez prekida — vi ništa ne radite.

24/7 podrška

Naši stručnjaci su tu 24/7 kroz tikete i live chat.