Irodori彩り

Ant Design

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

全 130 色

概要 Ant Design

Ant Design は洗練されたパレットを定義しており、各色相は 10 段階(1〜10)を持ち、6 段目がブランドカラー(例:ブルーの #1677FF)です。@ant-design/colors パッケージがアクセス可能なスケールを生成します。

使い方

generate("#1677FF") を呼ぶと 10 段階のスケールが得られます。presetPrimaryColors を import して、hover や active などのコンポーネント状態に割り当てます。

公式ドキュメント

Red

シェード

Volcano

シェード

Orange

シェード

Gold

シェード

Yellow

シェード

Lime

シェード

Green

シェード

Cyan

シェード

Blue

シェード

Geekblue

シェード

Purple

シェード

Magenta

シェード

Grey

シェード

出典: Ant Design · @ant-design/colors 7.2.1