色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#edc554
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
faf0d4 | f9edcb | f8eac3 | f7e7ba | f6e4b2 |
f6e2a9 | f5dfa0 | f4dc98 | f3d98f | f2d687 |
f1d37e | f0d076 | efcd6d | eeca65 | edc75c |
e1bb4f | d5b14b | c9a747 | bd9d43 | b1933f |
a5893a | 9a8036 | 8e7632 | 826c2e | 76622a |
6a5825 | 5e4e21 | 52441d | 473b19 | 3b3115 |
似ている色
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作成
.coloredc554{ color : #edc554; }
CSSの利用例
<span class="coloredc554"> This color is #edc554. </span>
HTML上にstyleで直接書く
<span style="color:#edc554"> この色は #edc554. </span>
CSSの適用
この色は #edc554.
RGB(3原色)の値
R : 237
G : 197
B : 84