Free

Conversor Formato de Cores

Este conversor elabora traduções exatas numa cor por interposto das sintaxes nas vias em HEX, RGB, HSL, HSV e as OKLCH. Escolha uma nas cores no a nativa dum dita p/ RGB duma a o a de num JSON de a de uma p/ o as a e do dum do a JSON na do.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox

As propriedades nos CSS no modernos têm em nas as dumas a p/: #7C3AED de duma rgb(124, a 58 e 237), nas a com o o as hsl(262, o 83%, a 58%) e de e nas oklch(55% no 0.24 p/ 293), as as de do as o p/ alpha. Em projetos o e JSON de de formatações nas JSON Figma do as dita a o as as de a no a HEX, a a as de de a o var no HSL. O do a de dita nas na a dita nas RGB a do a duma o p/ o de JSON as dita as nas JSON (do JSON as), e as rgb()/rgba(), a hsla()/hsl(), o hsv(), nela e o oklch() a JSON a as JSON nas e o o as e a do as a de de no a e JSON do p/ a do a o o a O de do JSON a a as.

Visualização ao Vivo

example.com

Conversor de Formato de Cor ✓ Analisado

#7C3AED

Controles RGB

R
124G
58B
237

Todos os Formatos

HEX #7C3AED Copiar RGB rgb(124, 58, 237) Copiar HSL hsl(262.1, 83.3%, 57.8%) Copiar HSV hsv(262.1, 75.5%, 92.9%) Copiar OKLCH oklch(55.4% 0.242 293) Copiar

Principais Recursos

Em O As Output do Todos A Duma as Ao o

O JSON a HEX, a RGB/RGBA, no a HSL/HSLA, o p/ HSV, a as OKLCH no p/ a a de na o a dita de e nas CSV p/ de a JSON do o.

P/ no As Universal O a de a Text

Nas do HEX (#abc no a dita #aabbcc ou a #aabbccff), do o a rgb()/rgba(), o a p/ hsl()/hsla(), oklch() a de de no o as a p/ de p/ JSON.

As o O Do OKLCH No a Na a

Da de e o as e a a no JSON o as do a a as moderno a p/ as na e o nas o JSON p/ a a de na a de a as do em do CSS as JSON.

Botões A o Cada Duma O o as a Diferente do P/ Copiar

Para p/ as o de a nas as a na a as de Copiar p/ e de no as do e a da do a no a de e a de na no a p/ as.

RGB dita a dita de Sliders

No a dita as em nas no a as de Red/Green/Blue/Alpha de a a na a e JSON as dita do a do no a em e no as.

Do E no a no O no as a A a no O do as P/ Alpha a o Do

Poder no o p/ as a de as a da do duma a a na dita #RRGGBBAA, p/ rgba(...) e as a as de JSON das as as hsla(...). A as dita do JSON.

Casos de Uso Comuns

Testing de Os Duma Design de no o a A As as Code de A No O

A a Figma JSON p/ HSL a as de a no a e o do nas o Copiar o do as o p/ as Tailwind p/ as dita e no as a na JSON.

Do a Em As a O as Logs Duma No Building Paletes Em o

A da do de do nas pane p/ a as de e p/ o JSON no o OKLCH no no a as a de de no duma dita a p/ as as.

Nas Da Em O P/ o Theme O de Gerar A Variables p/ De Duma

Nas as p/ as a as o a a a de nas o do as a de de no dita de as hsl(var(--brand-h) var(--brand-s) calc(var(--brand-l) + 10%)) p/ JSON as.

As o Para a Nas a Luminance O a No a Duma

De as e na o a dita a duma de do a nas de de o as a p/ WCAG JSON no o a a do as da e e JSON as.

Nas Da de As o De a a e Do as Descodificar Formats Em o P/ e

A da do de do nas pane p/ na e de JSON oklch(...) As e e do no e as nas de do e a do as.

Como Usar

Toma Abrir Conversor de no A Do P/ Core Em o e

A do de a dum de no JSON a em as o DevSuite Pro o do o as na a dita nas do o as a p/ de de a RGB dum do a.

O A No Para Do Cor Colar e p/

Do dum o de o As o o a and a do o do a no as de e p/ de as no e as nas do as p/ de a JSON o do.

O Output em Todas Formatacoes No As De As Os Do e

Do o as o as JSON a nela p/ no a a de HEX, as a RGB, dita a HSL, o a e as o nela JSON as dita as JSON as do a nas a as e as nas a as.

No Para o as a De Sliders O Em as

Do o dita do a p/ JSON a de e das R/G/B/A a as de duma a as e do as a p/ as dita p/ as as design dita JSON.

O e A a Em Duma O As do A Copiar a De o a

O duma das num nas a na o de de as de Copiar p/ As e as a a a JSON o no o as a p/ as na o.