Color Format Suite
A color can be written as hex, RGB, or HSL. This page converts among those forms, checks contrast, and builds a mesh gradient from the same color.
Accessibility Canvas
This module simulates your typography resting on the generated background. Use this interface to organically detect reading friction before developers push code live to production environments.
Text Mode:
Ratio: 5.71
Large Text: PASS
Normal Text: PASS
HEX
RGB
R
G
B
HSL
H
S
L
Web UI Theme Generator
Primary
#3B82F6
Secondary
#3924DB
Accent
#FF4B33
Surface
#EFF1F6
Background (Dark)
#101723