DESIGN / COLOR
カラーツール 色を探す、色をつくる。
「コーヒー色ってどんな色？」から、Webサイトで使うカラーコードまで。
色名検索・カラー選択・コード変換を、このページひとつで。
01 / COLOR STUDIO
色を選ぶ・コードに変換する
色を変えるとコードも自動で更新します
SELECTED COLOR#6F4E37コーヒー色
色の四角をクリック
この色を使った表示例
サンプルサンプル
02 / COLOR NAMES
色の名前から探す
気になる色をクリックすると上のプレビューに反映
※ 日本語の色名は参考色です。名称や色値には資料・用途による違いがあります。CSS色名はWeb標準の定義値です。
03 / COLOR IDEAS
この色から配色を考える
文字の読みやすさ
白い文字と黒い文字、どちらが見やすい？
コントラスト比はWCAGの計算式による目安です。本文は4.5:1以上が一般的なAA基準です。
カラーツールについて
HEX、RGB、HSLは何が違うの？
HEXは「#」から始まる16進数、RGBは赤・緑・青の3つの数値、HSLは色相・彩度・明度で色を指定する方法です。同じ色でも異なる形式で表せます。
コーヒー色には決まったカラーコードがあるの？
コーヒー色・珈琲色のような通称には、Web共通の1つの公式コードがあるわけではありません。このページの色見本は参考値で、実物や印刷物と一致することを保証するものではありません。
入力した色や検索語は送信される？
このツールの検索・色変換はブラウザの中で処理されます。検索語や入力した色をサーバーに送信する仕組みはありません。