カラーサイト.comについて
HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。
カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。
またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。
カラーピッカー
色見本
HTMLの基本16色や、色名称、セーフカラーの色データを色見本やカラーコードの一覧で見ることができます。
便利ツール
写真などの色情報をWEB上で確認したり、RGBやHSVのカラーコードの変換ができます。
色から探す
色の系統からそれに近い色見本や色名称の一覧が見れます。
配色パターン
様々な色の配色パターンを見たり、指定した色からその配色パターンの組み合わせを確認したりできます。
ランダムカラー
| 色見本 | カラーコード | 色成分 16進(赤、緑、青) |
色成分 10進(赤、緑、青) |
色名称 | ||||
|---|---|---|---|---|---|---|---|---|
| #BADCAD | BA | DC | AD | 186 | 220 | 173 | 薄萌葱 (うすもえぎ) | |
| #F30100 | F3 | 01 | 00 | 243 | 1 | 0 | ハンティングピンク (Hunting pink) | |
| #74BBFB | 74 | BB | FB | 116 | 187 | 251 | ベリーライトアジュール (Very light azure) | |
| #DEA5A4 | DE | A5 | A4 | 222 | 165 | 164 | パステルピンク (Pastel pink) | |
| #DA3287 | DA | 32 | 87 | 218 | 50 | 135 | ディープセリース (Deep cerise) | |
| #ED9E31 | ED | 9E | 31 | 237 | 158 | 49 | マンダリンオレンジ (Mandarin orange) | |
| #5B8063 | 5B | 80 | 63 | 91 | 128 | 99 | 灰緑 (はいみどり) | |
