カラーサイト.comについて
HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。
カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。
またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。
カラーピッカー
色見本
HTMLの基本16色や、色名称、セーフカラーの色データを色見本やカラーコードの一覧で見ることができます。
便利ツール
写真などの色情報をWEB上で確認したり、RGBやHSVのカラーコードの変換ができます。
色から探す
色の系統からそれに近い色見本や色名称の一覧が見れます。
配色パターン
様々な色の配色パターンを見たり、指定した色からその配色パターンの組み合わせを確認したりできます。
ランダムカラー
| 色見本 | カラーコード | 色成分 16進(赤、緑、青) |
色成分 10進(赤、緑、青) |
色名称 | ||||
|---|---|---|---|---|---|---|---|---|
| #6699CC | 66 | 99 | CC | 102 | 153 | 204 | リビッド (Livid) | |
| #556B2F | 55 | 6B | 2F | 85 | 107 | 47 | ダークオリーブグリーン (Dark olive green) | |
| #5C3B54 | 5C | 3B | 54 | 92 | 59 | 84 | 滅紫 (けしむらさき/めっし) | |
| #87CEFA | 87 | CE | FA | 135 | 206 | 250 | ライトスカイブルー (Light sky blue) | |
| #B09DB9 | B0 | 9D | B9 | 176 | 157 | 185 | ライトバイオレット (Light violet) | |
| #996515 | 99 | 65 | 15 | 153 | 101 | 21 | ゴールデンブラウン (Golden brown) | |
| #69359C | 69 | 35 | 9C | 105 | 53 | 156 | パープルハート (Purple Heart) | |