Purple — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #800080 | |
| RGB | rgb(128, 0, 128) | |
| HSL | hsl(300, 100%, 25%) |
Tons escuros de Purple
| #750075 | #6B006B | #610061 | #570057 | #4D004D | #420042 | #380038 | #2E002E |
Tons claros de Purple
| #A800A8 | #D100D1 | #FA00FA | #FF24FF | #FF4DFF | #FF75FF | #FF9EFF | #FFC7FF |
Combinações de Cores & Harmonia
|
Complementar
#008000
|
Análogo +30°
#800040
|
Análogo −30°
#400080
|
Triádico +120°
#808000
|
Triádico −120°
#008080
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #800080;
}
.element-bg {
background-color: #800080;
color: #ffffff;
}
.element-border {
border: 2px solid #800080;
}
Sobre Purple
Purple é uma cor escura com saturação muito alta e vibrante, definida pelo código hex #800080. Seus valores exatos no modelo de cor são rgb(128, 0, 128) em RGB e hsl(300, 100%, 25%) em HSL (matiz 300°, saturação 100%, luminosidade 25%). Sobre um fundo branco, a proporção de contraste é 9.42:1 — AAA aprovado para texto normal, e sobre preto é 2.23:1 — Reprovado. Use Purple em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.
Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.
Abrir o Seletor de Cores →