色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2e3722
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
cacdc7 | c0c3bc | b5b9b1 | abafa6 | a0a59b |
969b90 | 8c9185 | 81877a | 777d6f | 6c7364 |
626959 | 575f4e | 4d5543 | 424b38 | 38412d |
2b3420 | 29311e | 272e1c | 242c1b | 222919 |
202617 | 1d2316 | 1b2114 | 191e12 | 171b11 |
14180f | 12160d | 10130b | 0d100a | 0b0d08 |
似ている色
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作成
.color2e3722{ color : #2e3722; }
CSSの利用例
<span class="color2e3722"> This color is #2e3722. </span>
HTML上にstyleで直接書く
<span style="color:#2e3722"> この色は #2e3722. </span>
CSSの適用
この色は #2e3722.
RGB(3原色)の値
R : 46
G : 55
B : 34