色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#afdf72
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ebf7db | e7f5d4 | e3f3cd | dff2c6 | dbf0bf |
d7efb8 | d3edb1 | cfebaa | cbeaa3 | c7e89c |
c3e795 | bfe58e | bbe387 | b7e280 | b3e079 |
a6d36c | 9dc866 | 94bd60 | 8cb25b | 83a755 |
7a9c4f | 71904a | 698544 | 607a3e | 576f39 |
4e6433 | 46592d | 3d4e27 | 344222 | 2b371c |
似ている色
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作成
.colorafdf72{ color : #afdf72; }
CSSの利用例
<span class="colorafdf72"> This color is #afdf72. </span>
HTML上にstyleで直接書く
<span style="color:#afdf72"> この色は #afdf72. </span>
CSSの適用
この色は #afdf72.
RGB(3原色)の値
R : 175
G : 223
B : 114