Irodori彩り

Open Color

13 个色系 × 10 个色阶

共 130 种颜色

简介 Open Color

Open Color 是一套为界面优化过的开源配色方案,包含 13 个色系与十个感知色阶(50 到 900),在屏幕与印刷上都清晰易辨。

如何使用

在 CSS 中引用 --oc-blue-5 之类的 Open Color 变量,或导入其 JS 映射。这些色阶以可达性为校准目标,而非仅看外观。

官方文档

Gray

色阶

Red

色阶

Pink

色阶

Grape

色阶

Violet

色阶

Indigo

色阶

Blue

色阶

Cyan

色阶

Teal

色阶

Green

色阶

Lime

色阶

Yellow

色阶

Orange

色阶

数据来源: Open Color 1.9.1 · open-color.js