BenKitColor Converter & Contrast Checker.
Translate modern CSS colors and check whether text stays readable.
HEX, RGB, HSL, or OKLCH
Live preview
FORMATS
Copy-ready values
Color converted.
ACCESSIBILITY
WCAG contrast
Readable text starts here.Small details need enough contrast too.
14.96:1
AA passAAA passLarge text pass
FIELD NOTES / 011
One color, every useful notation.
HEX and RGB are familiar, HSL is intuitive to adjust, and OKLCH produces more perceptually consistent changes across lightness and chroma.
Good to know
What contrast should normal text reach?
WCAG AA uses 4.5:1 for normal text and 3:1 for large text. AAA uses 7:1 for normal text.
Why can OKLCH values change slightly?
Some OKLCH colors fall outside the sRGB display gamut. This tool clamps them to a displayable sRGB color before reporting formats.