色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#423e30
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cfcecb | c6c5c0 | bcbbb6 | b3b1ac | a9a8a1 |
a09e97 | 97948d | 8d8b82 | 848178 | 7a776e |
716e63 | 676459 | 5e5a4f | 545144 | 4b473a |
3e3a2d | 3b372b | 383428 | 343126 | 312e24 |
2e2b21 | 2a281f | 27251c | 24221a | 211f18 |
1d1b15 | 1a1813 | 171510 | 13120e | 100f0c |
似ている色
| darkkhaki bdb76b |
eee8aa |
cornsilk fff8dc |
beige f5f5dc |
ffffe0 |
fafad2 |
fffacd |
wheat f5deb3 |
burlywood deb887 |
tan d2b48c |
| khaki f0e68c |
yellow ffff00 |
gold ffd700 |
pink ffc0cb |
f4a460 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color423e30{
color : #423e30;
}
CSSの利用例
<span class="color423e30"> This color is #423e30. </span>
HTML上にstyleで直接書く
<span style="color:#423e30"> この色は #423e30. </span>
CSSの適用
この色は #423e30.
RGB（３原色）の値
R : 66
G : 62
B : 48