カラーサイト.comについて
HTMLやCSSで使われる色名称やカラーコード、色見本などを一覧を見ることができます。
カラーコードごとに1ページで詳しいRGBやHSVの値、色相、彩度、明度別の色一覧、トーンオントーンやコントラストなどのサンプルの色コードも表示しており、様々な用途に使えます。
またローカルに保存してある画像の色を解析してウェブ上でRGBで表示したりRGBの色とHSVの16進数を変換して表示したりも簡単にできます。
カラーピッカー
色見本
HTMLの基本16色や、色名称、セーフカラーの色データを色見本やカラーコードの一覧で見ることができます。
便利ツール
写真などの色情報をWEB上で確認したり、RGBやHSVのカラーコードの変換ができます。
色から探す
色の系統からそれに近い色見本や色名称の一覧が見れます。
配色パターン
様々な色の配色パターンを見たり、指定した色からその配色パターンの組み合わせを確認したりできます。
ランダムカラー
| 色見本 | カラーコード | 色成分 16進(赤、緑、青) |
色成分 10進(赤、緑、青) |
色名称 | ||||
|---|---|---|---|---|---|---|---|---|
| #3DDC84 | 3D | DC | 84 | 61 | 220 | 132 | アンドロイドグリーン (Android green) | |
| #50C878 | 50 | C8 | 78 | 80 | 200 | 120 | パリスグリーン (Paris Green) | |
| #FFF700 | FF | F7 | 00 | 255 | 247 | 0 | レモン (Lemon) | |
| #03C03C | 03 | C0 | 3C | 3 | 192 | 60 | ダークパステルグリーン (Dark pastel green) | |
| #1B4D3E | 1B | 4D | 3E | 27 | 77 | 62 | ブランズウィックグリーン (Brunswick green) | |
| #36454F | 36 | 45 | 4F | 54 | 69 | 79 | チャコール (Charcoal) | |
| #E48400 | E4 | 84 | 00 | 228 | 132 | 0 | フォルバス (Fulvous) | |