色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#8ea182
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e2e7df | dde2d9 | d7ded3 | d1d9cd | ccd4c6 |
c6d0c0 | c0cbba | bbc6b4 | b5c1ad | afbda7 |
aab8a1 | a4b39b | 9eaf94 | 99aa8e | 93a588 |
86987b | 7f9075 | 78886e | 718068 | 6a7861 |
63705b | 5c6854 | 55604e | 4e5847 | 475041 |
3f483a | 384034 | 31382d | 2a3027 | 232820 |
似ている色
| 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作成
.color8ea182{
color : #8ea182;
}
CSSの利用例
<span class="color8ea182"> This color is #8ea182. </span>
HTML上にstyleで直接書く
<span style="color:#8ea182"> この色は #8ea182. </span>
CSSの適用
この色は #8ea182.
RGB（３原色）の値
R : 142
G : 161
B : 130