OpusDesk Hub Design tools
Inspect contrast and create palettes, gradients and CSS styles. Test generated designs in their real reading context.
Choose the task you need
Design tools
Color Contrast Checker
Check WCAG contrast ratios between foreground and background colors.
Design toolsColor Palette Generator
Generate five HSL-based color variations from a six-digit HEX color.
Design toolsGradient Generator
Generate a two-color linear or circular radial CSS gradient.
Design toolsBorder Radius Generator
Create a four-corner border-radius declaration.
Work locally, check the result
Start with the original input, review the tool’s limits and keep a copy of important sources. Formatting, conversion and estimation do not validate the meaning or correctness of your original data.