Conversor de Cores

Converta entre diferentes formatos de cores (HEX, RGB, HSL, OKLCH, RGBA, HSLA).

Seletor de Cores
Selecione ou insira uma cor
HEX
Código de cor hexadecimal
RGB
Valores de Vermelho, Verde, Azul (0-255)
HSL
Matiz, Saturação, Luminosidade
OKLCH
Espaço de cores perceptual moderno
RGBA
RGB com Alfa (transparência)
HSLA
HSL com Alfa (transparência)
Predefinições de Cores
Selecione entre as cores mais usadas
Variáveis CSS
Formato de variável para uso em CSS
Explicações de Formato de Cor

HEX (Hexadecimal)

Formato #RRGGBB com cada canal de cor no intervalo 00-FF (0-255). Mais amplamente utilizado na web.

RGB

Valores de Vermelho, Verde e Azul no intervalo 0-255. Intuitivo e fácil de entender.

HSL

Matiz, Saturação e Luminosidade. Intuitivo para ajustes de cor.

OKLCH

Um espaço de cores perceptual moderno. Composto por Luminosidade (L), Croma (C) e Matiz (H), projetado para ser mais próximo da visão humana.

RGBA/HSLA

RGB/HSL com um canal Alfa (transparência). Varia de 0 (totalmente transparente) a 1 (totalmente opaco).

Variáveis CSS

Formato de variável reutilizável para uso em CSS. Útil para sistemas de temas.

    Conversor de Cores