Irodori彩り

Radix Colors

30 色ファミリー × 12 シェード

全 360 色

概要 Radix Colors

Radix Colors は各色相に対して均整の取れた 12 段階スケールを提供し、アクセスしやすく明確に分かれた UI 向けに設計されています。9 段目がアクセント、1・2 段目が白に近い背景になります。

使い方

--blue-9 のような CSS 変数を import し、ライト・ダークの両テーマを組み合わせます。このスケールは隣接する段階間の読みやすいコントラストを保証します。

公式ドキュメント

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