色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#caa495
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f1e8e4 | efe3df | ecdfd9 | e9dad4 | e7d6cf |
e4d1ca | e1ccc4 | dfc8bf | dcc3ba | d9bfb4 |
d7baaf | d4b6aa | d1b1a4 | cfad9f | cca89a |
bf9b8d | b59386 | ab8b7e | a18377 | 977b6f |
8d7268 | 836a60 | 796259 | 6f5a51 | 65524a |
5a4943 | 50413b | 463934 | 3c312c | 322925 |
似ている色
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作成
.colorcaa495{ color : #caa495; }
CSSの利用例
<span class="colorcaa495"> This color is #caa495. </span>
HTML上にstyleで直接書く
<span style="color:#caa495"> この色は #caa495. </span>
CSSの適用
この色は #caa495.
RGB(3原色)の値
R : 202
G : 164
B : 149