色の名前から、使える配色へ。

色を調べて、配色をつくる。

和の色名・英語の色名・CSS色名から、気になる色を探せます。色を組み合わせてWebでの見え方を確かめ、色コードや画像で書き出せます。

CSS色名148件・色の種類は139色(同じ色の別名を含みます)

色の種類から探す

4つの色辞典

赤・緑・青(RGB)をそれぞれ6段階で組み合わせた216色です。個別の色名は付けていません。

色を探して、配色に使う

  1. CSS色名を検索

    色名やHEXコードで探し、色見本・RGB・出典を確認できます。

  2. パレットを編集

    使いたい色を追加し、並び順や文字色・背景色などの使い道を決めます。

  3. Web見本で確認

    Webページのサンプルに配色を当てて、見え方を確かめます。

  4. 配色を書き出す

    HEX・RGB・CSS・JSONの色データや、PNG画像として取り出せます。

検索とパレット編集にはJavaScriptが必要です。色名・色の値・出典は、JavaScriptなしでも確認できます。