色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a2be9d
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e7eee6 | e3ebe1 | dee8dc | d9e5d7 | d5e1d2 |
d0dece | cbdbc9 | c7d8c4 | c2d4bf | bdd1ba |
b9ceb5 | b4cbb0 | afc7ab | abc4a6 | a6c1a1 |
99b495 | 91ab8d | 89a185 | 81987d | 798e75 |
71856d | 697b66 | 61725e | 596856 | 515f4e |
485546 | 404c3e | 384236 | 30392f | 282f27 |
似ている色
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作成
.colora2be9d{ color : #a2be9d; }
CSSの利用例
<span class="colora2be9d"> This color is #a2be9d. </span>
HTML上にstyleで直接書く
<span style="color:#a2be9d"> この色は #a2be9d. </span>
CSSの適用
この色は #a2be9d.
RGB(3原色)の値
R : 162
G : 190
B : 157