色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#404e2f
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
cfd2cb | c5c9c0 | bcc1b6 | b2b8ab | a9afa1 |
9fa697 | 959d8c | 8c9482 | 828b77 | 79836d |
6f7a63 | 667158 | 5c684e | 535f43 | 495639 |
3c4a2c | 39462a | 364227 | 333e25 | 303a23 |
2c3620 | 29321e | 262e1c | 232a19 | 202717 |
1c2315 | 191f12 | 161b10 | 13170e | 10130b |
似ている色
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作成
.color404e2f{ color : #404e2f; }
CSSの利用例
<span class="color404e2f"> This color is #404e2f. </span>
HTML上にstyleで直接書く
<span style="color:#404e2f"> この色は #404e2f. </span>
CSSの適用
この色は #404e2f.
RGB(3原色)の値
R : 64
G : 78
B : 47