色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#e0c889
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f7f1e1 | f5eedb | f4ebd5 | f2e9cf | f1e6c9 |
efe3c4 | ede0be | ecdeb8 | eadbb2 | e9d8ac |
e7d5a6 | e6d3a0 | e4d09a | e3cd94 | e1ca8e |
d4be82 | c9b47b | beaa74 | b3a06d | a89666 |
9c8c5f | 918259 | 867852 | 7b6e4b | 706444 |
645a3d | 595036 | 4e462f | 433c29 | 383222 |
似ている色
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作成
.colore0c889{ color : #e0c889; }
CSSの利用例
<span class="colore0c889"> This color is #e0c889. </span>
HTML上にstyleで直接書く
<span style="color:#e0c889"> この色は #e0c889. </span>
CSSの適用
この色は #e0c889.
RGB(3原色)の値
R : 224
G : 200
B : 137