Browser support tables — check before you code and save yourself rework
Coolors
A color palette generator — press one key, get a full scheme
Content updated · 2026-09-07
What is it · 它是什么
What is Coolors?
Coolors is a popular palette generator: hit the spacebar for a fresh scheme, lock the colors you like, and keep rolling — a coherent palette in seconds. When you have no idea where to start with interface colors, it's an easy on-ramp, with a contrast checker and image color extraction built in.
How to use · 怎么用
How to use Coolors
- Drop in one brand color (or extract it from a logo image), lock it, and hit space to generate the companions.
- Fine-tune individual swatches by hue and lightness.
- Run the contrast checker to validate text readability before signing off.
- Export as CSS variables or another format straight into code.
Key features · 核心特点
Key features of Coolors
- Spacebar generation — iterate without leaving the keyboard
- Lock-and-tweak means the tool suggests, you decide
- A built-in contrast checker makes accessibility a by-product
- Extract palettes from images and export in a range of formats
Related sites
A free web font library for both CJK and Latin typefaces
An open-source icon library with a clean line style — well suited for project icons