Tailwind カラーチャート
背景、ボーダー、テキスト、セマンティックな UI 状態に使いやすいカラーランプを探せます。
チャートを見る
カラーチャート
Tailwind CSS、Material Design、Flat UI、定番の Web セーフカラーのチャートを一覧できます。UI の状態、プロトタイプ、ドキュメント、デザインシステムのトークン用に HEX 値をコピーしましょう。
スウォッチをクリックすると HEX コードをコピーできます。
Slate
Gray
Zinc
Neutral
Stone
Red
Orange
Amber
Yellow
Lime
Green
Emerald
Teal
Cyan
Sky
Blue
Indigo
Violet
Purple
Fuchsia
Pink
Rose
220 件中 220 件を表示
どのチャートを使うか
Material と Flat UI のカラー
確立されたパレット体系を比較し、プロトタイプ用の一貫した色をすばやく選べます。
Web セーフカラーの参考
互換性の例、学習用、歴史的なカラーの参考に定番の Web セーフパレットを使えます。