カラーサイト.comについて
HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。
カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。
またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。
カラーピッカー
色見本
HTMLの基本16色や、色名称、セーフカラーの色データを色見本やカラーコードの一覧で見ることができます。
便利ツール
写真などの色情報をWEB上で確認したり、RGBやHSVのカラーコードの変換ができます。
色から探す
色の系統からそれに近い色見本や色名称の一覧が見れます。
配色パターン
様々な色の配色パターンを見たり、指定した色からその配色パターンの組み合わせを確認したりできます。
ランダムカラー
色見本 | カラーコード | 色成分 16進(赤、緑、青) |
色成分 10進(赤、緑、青) |
色名称 | ||||
---|---|---|---|---|---|---|---|---|
#CBA135 | CB | A1 | 35 | 203 | 161 | 53 | サテンシーンゴールド (Satin sheen gold) | |
#5D5D63 | 5D | 5D | 63 | 93 | 93 | 99 | 石板色/石盤色 (せきばんいろ) | |
#84331F | 84 | 33 | 1F | 132 | 51 | 31 | 赤錆色 (あかさびいろ) | |
#C5956B | C5 | 95 | 6B | 197 | 149 | 107 | ペールブラウン (Pale brown) | |
#DF6124 | DF | 61 | 24 | 223 | 97 | 36 | ビビッドレッドタンジェロ (Vivid red-tangelo) | |
#636466 | 63 | 64 | 66 | 99 | 100 | 102 | 鈍色 (にびいろ/にぶいろ) | |
#556B2F | 55 | 6B | 2F | 85 | 107 | 47 | ダークオリーブグリーン (Dark olive green) |