色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#accf84
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
eaf3e0 | e6f0da | e1eed3 | ddebcd | d9e9c7 |
d5e7c1 | d1e4bb | cde2b5 | c9dfaf | c4dda8 |
c0dba2 | bcd89c | b8d696 | b4d390 | b0d18a |
a3c47d | 9aba76 | 92af70 | 89a569 | 819b63 |
78905c | 6f8655 | 677c4f | 5e7148 | 566742 |
4d5d3b | 445234 | 3c482e | 333e27 | 2b3321 |
似ている色
| 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作成
.coloraccf84{
color : #accf84;
}
CSSの利用例
<span class="coloraccf84"> This color is #accf84. </span>
HTML上にstyleで直接書く
<span style="color:#accf84"> この色は #accf84. </span>
CSSの適用
この色は #accf84.
RGB（３原色）の値
R : 172
G : 207
B : 132