色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f9c36d
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
fdf0da | fdedd3 | fceacb | fce7c4 | fce4bd |
fce1b6 | fbdeae | fbdba7 | fbd8a0 | fad598 |
fad291 | facf8a | f9cc82 | f9c97b | f9c674 |
ecb967 | e0af62 | d3a55c | c79c57 | ba9251 |
ae884c | a17e46 | 957541 | 886b3b | 7c6136 |
705731 | 634e2b | 574426 | 4a3a20 | 3e301b |
似ている色
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作成
.colorf9c36d{ color : #f9c36d; }
CSSの利用例
<span class="colorf9c36d"> This color is #f9c36d. </span>
HTML上にstyleで直接書く
<span style="color:#f9c36d"> この色は #f9c36d. </span>
CSSの適用
この色は #f9c36d.
RGB(3原色)の値
R : 249
G : 195
B : 109