色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a1cd69
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e7f2d9 | e2f0d2 | deedca | d9ebc3 | d4e8bb |
d0e6b4 | cbe3ac | c6e1a5 | c1de9d | bddc96 |
b8d98e | b3d787 | afd47f | aad278 | a5cf70 |
98c263 | 90b85e | 88ae59 | 80a454 | 78994e |
708f49 | 688544 | 607b3f | 587039 | 506634 |
485c2f | 40522a | 384724 | 303d1f | 28331a |
似ている色
| 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作成
.colora1cd69{
color : #a1cd69;
}
CSSの利用例
<span class="colora1cd69"> This color is #a1cd69. </span>
HTML上にstyleで直接書く
<span style="color:#a1cd69"> この色は #a1cd69. </span>
CSSの適用
この色は #a1cd69.
RGB（３原色）の値
R : 161
G : 205
B : 105