Tool Box

Color Converter

Convert between HEX, RGB and HSL, and check contrast.

HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Contrast checker

Aa โ€” sample text

Contrast ratio: 3.68:1

AA normalAA largeAAA normal

About this tool

Convert colors between HEX, RGB and HSL, and check contrast.

How to use

  1. Pick a color or type a HEX value.
  2. Copy any format.
  3. Set a background color to check WCAG contrast.