Irodori彩り

Radix Colors

30 个色系 × 12 个色阶

共 360 种颜色

简介 Radix Colors

Radix Colors 为每种色相提供均衡的 12 级色阶,专为具备可达性、层次分明的界面设计。第 9 阶作为强调色,第 1、2 阶为接近白色的背景。

如何使用

导入 --blue-9 之类的 CSS 变量,并搭配明暗主题。该色阶保证相邻色阶之间具备可读的对比度。

官方文档

Red

色阶

Tomato

色阶

Orange

色阶

Yellow

色阶

Lime

色阶

Green

色阶

Teal

色阶

Cyan

色阶

Sky

色阶

Blue

色阶

Indigo

色阶

Violet

色阶

Purple

色阶

Pink

色阶

Crimson

色阶

Ruby

色阶

Grass

色阶

Mint

色阶

Jade

色阶

Gold

色阶

Bronze

色阶

Brown

色阶

Plum

色阶

Mauve

色阶

Sage

色阶

Olive

色阶

Sand

色阶

Slate

色阶

Gray

色阶

数据来源: Radix Colors 3.0.0 · light scales