Client-Side Safe
Color Converter & Contrast
Convert colors between HEX, RGB, HSL, and OKLCH with WCAG 2.1 contrast ratio and accessibility checks.
Calculates WCAG contrast ratio against white and black backgrounds.
Generates shades and tints for the selected color.
HEX
#10B981RGB
rgb(16, 185, 129)RGBA
rgba(16, 185, 129, 1)HSL
hsl(160, 84%, 39%)Aa
White Contrast2.54:1
Fail
AAA Fail
Aa
Black Contrast8.28:1
AA Pass
AAA Pass
Shades & Tints Scale
More in design utilities
Glassmorphism Generator
Design stunning frosted-glass UI elements with live backdrop-filter blur, opacity, border, and copy-ready CSS / Tailwind.
CSS Gradient Generator
Build linear and radial gradients with interactive color stops, angle controls, preset styles, and CSS export.
Box Shadow Generator
Craft multi-layered, smooth box shadows with live 3D elevation preview and copyable CSS / Tailwind.