Irodori彩り

Open Color

13 色ファミリー × 10 シェード

全 130 色

概要 Open Color

Open Color は UI 向けに調整されたオープンソースの配色で、13 の色ファミリーと、画面でも印刷でも読みやすい知覚的段階(50〜900)を持ちます。

使い方

CSS で --oc-blue-5 のような Open Color 変数を参照するか、JS マップを import します。段階は見た目だけでなくアクセシビリティに合わせて調整されています。

公式ドキュメント

Gray

シェード

Red

シェード

Pink

シェード

Grape

シェード

Violet

シェード

Indigo

シェード

Blue

シェード

Cyan

シェード

Teal

シェード

Green

シェード

Lime

シェード

Yellow

シェード

Orange

シェード

出典: Open Color 1.9.1 · open-color.js