Conversor de Cores

Converta cores entre HEX, RGB, HSL, HSV e CMYK instantaneamente. Cole qualquer valor de cor e obtenha todos os formatos em um clique.

Suporta: HEX, RGB, HSL, HSV, CMYK — detecção automática

Valores convertidos

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
CSS--color: #3b82f6;

Color Palette

Base
Complementary
Analogous 1
Analogous 2
Triadic 1
Triadic 2
Split 1
Split 2

WCAG Contrast

White text3.68:1

AA AA+ AAA

Black text5.71:1

AA AA+ AAA

How to Convert Colors Between Formats

Paste any color value — HEX (#ff5733), RGB (rgb(255, 87, 51)), or HSL (hsl(11, 100%, 60%)) — and instantly get the equivalent in every other format. The conversion happens entirely in your browser with zero latency.

Color Formats Explained

HEX

The web standard. Six hexadecimal digits representing Red, Green, Blue. Used in CSS, Figma, and design tools.

RGB

Red, Green, Blue values from 0-255. Used in CSS, Canvas API, and programmatic color manipulation.

HSL

Hue, Saturation, Lightness. More intuitive for humans. Easy to adjust brightness or saturation without changing the base color.

CMYK

Cyan, Magenta, Yellow, Key (black). Used for print design. Colors will look different on screen vs paper.

Frequently Asked Questions

What's the difference between HEX and RGB?

They represent the same information differently. HEX is the hexadecimal notation of RGB values. #FF5733 is the same as rgb(255, 87, 51).

When should I use HSL instead of RGB?

Use HSL when you need to create color variations. It's easier to adjust lightness or saturation without changing the hue.

Why does my color look different when printed?

Screens use RGB (additive), printers use CMYK (subtractive). Some screen colors cannot be reproduced in print.

Outras ferramentas que lhe podem interessar