色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c6e1a2
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f0f7e7 | edf6e3 | ebf4de | e8f3d9 | e5f1d5 |
e2f0d0 | dfeecb | dcedc7 | d9ebc2 | d7eabd |
d4e8b9 | d1e7b4 | cee5af | cbe4ab | c8e2a6 |
bcd599 | b2ca91 | a8bf89 | 9eb481 | 94a879 |
8a9d71 | 809269 | 768761 | 6c7b59 | 637051 |
596548 | 4f5a40 | 454e38 | 3b4330 | 313828 |
似ている色
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作成
.colorc6e1a2{ color : #c6e1a2; }
CSSの利用例
<span class="colorc6e1a2"> This color is #c6e1a2. </span>
HTML上にstyleで直接書く
<span style="color:#c6e1a2"> この色は #c6e1a2. </span>
CSSの適用
この色は #c6e1a2.
RGB(3原色)の値
R : 198
G : 225
B : 162