色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7c6625
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ded8c8 | d7d1bd | d1c9b2 | cac1a7 | c4ba9c |
bdb292 | b6aa87 | b0a37c | a99b71 | a39366 |
9c8c5b | 968450 | 8f7c45 | 89753a | 826d2f |
756023 | 6f5b21 | 69561f | 63511d | 5d4c1b |
564719 | 504218 | 4a3d16 | 443814 | 3e3312 |
372d10 | 31280e | 2b230c | 251e0b | 1f1909 |
似ている色
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作成
.color7c6625{ color : #7c6625; }
CSSの利用例
<span class="color7c6625"> This color is #7c6625. </span>
HTML上にstyleで直接書く
<span style="color:#7c6625"> この色は #7c6625. </span>
CSSの適用
この色は #7c6625.
RGB(3原色)の値
R : 124
G : 102
B : 37