Color Palette Reference

Webサイトを作るとき、配色に迷わない。

LLMにUIを頼むとき、自分でデザインするとき。
テーマパレットを選んで HEX をコピーするだけ。

🎨

テーマパレット

カテゴリ別に整理されたテーマパレットを収録。Primary / Accent / Surface / Text の4色をベースに設計済み。

🔢

3 / 5 / 7色の内訳

使う色数に応じて Secondary・Border・Muted を自動導出。UIプレビューで実際の見た目をその場で確認。

🛠

Playground

自分の色を入力してリアルタイムプレビュー。アラートカラーパターンも切り替えて確認。

収録パレット

すべて見る →