Busyyy

Color Converter

Convert colors between HEX, RGB, and HSL formats with harmony and contrast tools

Color Harmonies

Complementary
Analogous
Triadic
Split Complementary

Contrast Checker

#000000
#ffffff

Sample Text / 샘플 텍스트

The quick brown fox jumps over the lazy dog.

Ratio: 21.00:1AA PassAAA Pass

About this tool

The Color Converter translates between HEX, RGB, and HSL color formats in real time, and includes a WCAG contrast checker plus simple harmony suggestions. Designers, developers, and accessibility reviewers can use it to quickly verify color choices and document palettes.

How to use

  1. Enter a color in any supported format — HEX, RGB, or HSL.
  2. See the value automatically converted into the other formats.
  3. Use the contrast checker to compare a foreground and background color against WCAG AA and AAA.
  4. Generate complementary, analogous, or triadic harmonies from your base color.
  5. Copy any value with one click and drop it into your CSS or design tool.

Common use cases

  • Checking whether a brand color passes WCAG AA for body text.
  • Generating a palette around a brand hue.
  • Translating a hex value from a design file into HSL to adjust lightness.
  • Picking accessible link colors for both light and dark themes.
  • Verifying button contrast during a design review.

Frequently asked questions

What do WCAG AA and AAA mean?

They are accessibility contrast thresholds. AA requires 4.5:1 for normal text, AAA requires 7:1. Larger text has relaxed thresholds.

Why does HSL sometimes round differently than HEX?

HEX is 24-bit and HSL uses percentages. Small rounding differences are expected when converting back and forth.

Can I paste CSS named colors like "tomato"?

Yes. Named colors are accepted and converted into the other formats automatically.

Does the tool store my palette?

No. Everything is client-side and nothing is uploaded. If you want to keep a palette, copy it into your own notes.