色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d1c899
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f3f1e5 | f1eee0 | eeebdb | ece9d6 | eae6d1 |
e8e3cc | e5e0c6 | e3dec1 | e1dbbc | ded8b7 |
dcd5b2 | dad3ad | d7d0a8 | d5cda3 | d3ca9e |
c6be91 | bcb489 | b1aa82 | a7a07a | 9c9672 |
928c6b | 878263 | 7d785b | 726e54 | 68644c |
5e5a44 | 53503d | 494635 | 3e3c2d | 343226 |
似ている色
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作成
.colord1c899{ color : #d1c899; }
CSSの利用例
<span class="colord1c899"> This color is #d1c899. </span>
HTML上にstyleで直接書く
<span style="color:#d1c899"> この色は #d1c899. </span>
CSSの適用
この色は #d1c899.
RGB(3原色)の値
R : 209
G : 200
B : 153