テーマから色を探す
CSS 命名色、パステルカラー、くすみカラー、Web セーフカラーの色見本。
暖色の色見本・赤から黄色の配色
赤・橙・黄と、その方向を含む参考色を比較。温かさの感じ方は周囲の色や素材でも変わります。
寒色の色見本・青と青緑の配色
青を中心に、青緑や淡い紫方向まで比較する編集色表。涼しさの印象は固定した温度を表すものではありません。
鮮やかな色の色見本・アクセントカラー
強く目を引く色を集めた編集セレクション。背景全体と小さなアクセントでは見え方が異なるので、面積も変えて試しましょう。
日本の伝統色を楽しむ・画面用参考色
桜色など、日本の色名にちなんで編集した色見本。染料や時代ごとに幅があるため、ここでは画面で使う参考値と配色の手がかりを示します。公的な標準色票ではありません。
CSS 色名と色見本
CSS Color 4 の名前付き色 148 語を HEX・RGB とともに一覧表示。名前やコードで絞り込み、CSV と色見本 PNG を保存できます。同じ値の別名も含みます。
パステルカラーの色見本
やわらかく明るい配色に使いやすい色を、編集部が選びました。パステルという名称に統一された RGB 範囲はありません。
くすみカラーの色見本
鮮やかさを抑えた落ち着いた参考色。グレーを含むように感じる色を並べて比較します。
Web セーフカラーの色見本
各 RGB 成分を 00・33・66・99・CC・FF で組み合わせた 216 色。限られた表示色数を想定した歴史的な色表です。現在の Web デザインがこの色だけに制限されるわけではありません。