カラーサイト.comについて
HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。
カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。
またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。
カラーピッカー
色見本
HTMLの基本16色や、色名称、セーフカラーの色データを色見本やカラーコードの一覧で見ることができます。
便利ツール
写真などの色情報をWEB上で確認したり、RGBやHSVのカラーコードの変換ができます。
色から探す
色の系統からそれに近い色見本や色名称の一覧が見れます。
配色パターン
様々な色の配色パターンを見たり、指定した色からその配色パターンの組み合わせを確認したりできます。
ランダムカラー
| 色見本 | カラーコード | 色成分 16進(赤、緑、青) |
色成分 10進(赤、緑、青) |
色名称 | ||||
|---|---|---|---|---|---|---|---|---|
| #F37053 | F3 | 70 | 53 | 243 | 112 | 83 | 丹 (たん) | |
| #D3E173 | D3 | E1 | 73 | 211 | 225 | 115 | シャトルーズグリーン/シャルトルーズグリーン (Chartreuse green) | |
| #939598 | 93 | 95 | 98 | 147 | 149 | 152 | 薄墨色 (うすずみいろ) | |
| #9C51B6 | 9C | 51 | B6 | 156 | 81 | 182 | パープルプラム (Purple Plum) | |
| #B47142 | B4 | 71 | 42 | 180 | 113 | 66 | 土色 (つちいろ) | |
| #534B4F | 53 | 4B | 4F | 83 | 75 | 79 | ダークリバー (Dark liver) | |
| #ADCDEC | AD | CD | EC | 173 | 205 | 236 | 薄花桜 (うすはなざくら) | |