Conversor de Cores
Converta códigos de cor hex, RGB e HSL instantaneamente com uma prévia ao vivo. Copie valores de cor prontos para CSS em qualquer formato.
Referência de cores CSS nomeadas
| Nome da cor | Hex | RGB | |
|---|---|---|---|
| Red | #ff0000 | rgb(255, 0, 0) | |
| Coral | #ff7f50 | rgb(255, 127, 80) | |
| Orange | #ffa500 | rgb(255, 165, 0) | |
| Gold | #ffd700 | rgb(255, 215, 0) | |
| Yellow | #ffff00 | rgb(255, 255, 0) | |
| YellowGreen | #9acd32 | rgb(154, 205, 50) | |
| Lime | #00ff00 | rgb(0, 255, 0) | |
| Green | #008000 | rgb(0, 128, 0) | |
| Teal | #008080 | rgb(0, 128, 128) | |
| Cyan | #00ffff | rgb(0, 255, 255) | |
| DodgerBlue | #1e90ff | rgb(30, 144, 255) | |
| Blue | #0000ff | rgb(0, 0, 255) | |
| SlateBlue | #6a5acd | rgb(106, 90, 205) | |
| Purple | #800080 | rgb(128, 0, 128) | |
| HotPink | #ff69b4 | rgb(255, 105, 180) | |
| White | #ffffff | rgb(255, 255, 255) | |
| Silver | #c0c0c0 | rgb(192, 192, 192) | |
| Gray | #808080 | rgb(128, 128, 128) | |
| Black | #000000 | rgb(0, 0, 0) |
Perguntas Frequentes
Divida o código hex de 6 dígitos em três pares: o primeiro é Vermelho, o segundo é Verde, o terceiro é Azul. Converta cada par de hexadecimal para decimal. Exemplo: #ff5733 → Vermelho=ff=255, Verde=57=87, Azul=33=51, resultando em rgb(255, 87, 51). Nosso conversor faz isso instantaneamente enquanto você digita.
HSL significa Matiz (Hue), Saturação (Saturation) e Luminosidade (Lightness). O matiz é o ângulo na roda de cores (0°–360°). A saturação (0–100%) controla quão vívida é a cor. A luminosidade (0–100%) controla o brilho — 0% é preto, 50% é a cor pura, 100% é branco. HSL é muito usado no CSS para ajustes programáticos de cores.
Códigos hex comuns: Vermelho=#ff0000, Laranja=#ffa500, Amarelo=#ffff00, Verde=#008000, Ciano=#00ffff, Azul=#0000ff, Roxo=#800080, Rosa=#ff69b4, Branco=#ffffff, Cinza=#808080, Preto=#000000. Clique em qualquer linha na tabela de cores abaixo para carregá-la instantaneamente.
CMYK (Ciano, Magenta, Amarelo, Preto) é o modelo de cor usado na impressão colorida. Ao contrário do RGB (para telas), o CMYK subtrai luz do papel branco. O código hex #ff0000 (vermelho puro) equivale a cmyk(0%, 100%, 100%, 0%). Valores CMYK são essenciais ao preparar arquivos para impressão profissional no InDesign ou Illustrator.