色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#e5c600
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f8f0bf | f7edb2 | f5eba5 | f4e899 | f3e58c |
f2e27f | f0df72 | efdc66 | eed959 | ecd74c |
ebd43f | ead133 | e8ce26 | e7cb19 | e6c80c |
d9bc00 | ceb200 | c2a800 | b79e00 | ab9400 |
a08a00 | 948000 | 897600 | 7d6c00 | 726300 |
675900 | 5b4f00 | 504500 | 443b00 | 393100 |
似ている色
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作成
.colore5c600{ color : #e5c600; }
CSSの利用例
<span class="colore5c600"> This color is #e5c600. </span>
HTML上にstyleで直接書く
<span style="color:#e5c600"> この色は #e5c600. </span>
CSSの適用
この色は #e5c600.
RGB(3原色)の値
R : 229
G : 198
B : 0