色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2f2722
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
cbc9c7 | c0bebc | b6b3b1 | aba8a6 | a19d9b |
979390 | 8c8885 | 827d7a | 77726f | 6d6764 |
635d59 | 58524e | 4e4743 | 433c38 | 39312d |
2c2520 | 2a231e | 27211c | 251f1b | 231d19 |
201b17 | 1e1916 | 1c1714 | 191512 | 171311 |
15110f | 120f0d | 100d0b | 0e0b0a | 0b0908 |
似ている色
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作成
.color2f2722{ color : #2f2722; }
CSSの利用例
<span class="color2f2722"> This color is #2f2722. </span>
HTML上にstyleで直接書く
<span style="color:#2f2722"> この色は #2f2722. </span>
CSSの適用
この色は #2f2722.
RGB(3原色)の値
R : 47
G : 39
B : 34