使い方
- 基準色を 1 つ入力します。
- 明るめ・暗め・トーン・補色・アクセント候補を見比べます。
- 採用候補を グラデーション生成、カラー変換、コントラストチェッカー に渡して次の判断に進みます。
Wave 45 expansion
1色から「選べる候補群」を作る
このページは単色選択の後、最終的な形式変換や可読性確認の前に置く中継面です。決まった1色の周辺候補をまとめて見たい時に使います。
近いページとの使い分け
カラーピッカー は最初の基準色を探すページです。カラーミキサー は 2 色の中間候補を作るページです。このページは、すでに決まっている1色から明暗やアクセント候補を広げたい時に使います。背景・文字・アクセント・境界線まで役割つきで組みたい時は アクセシブル配色、UI トークン用にその1色を 50/100/200 のような段階付きへ並べたい時は カラースケール生成、2〜3色の stop が決まって背景用の CSS グラデーションを作りたい時は グラデーション生成、最終的な表記変換は カラー変換、可読性確認は コントラストチェッカー へ進みます。
FAQ
このページで何ができますか？
1つの基準色から、明るめ・暗め・トーン・補色・アクセント候補をまとめて作り、各色の HEX・RGB・HSL を確認できます。
Color Picker との違いは何ですか？
Color Picker は最初の1色を選ぶページです。このページは、すでに決まった基準色から周辺候補色を並べて比較するページです。
実際の塗料の混色を再現しますか？
いいえ。実務やUI設計向けのデジタルな配色候補を作るための簡易生成であり、顔料の挙動は再現しません。
選んだ色は他のページへ持っていけますか？
はい。ここで HEX・RGB・HSL をコピーして、Color Converter や Contrast Checker へ渡せます。