色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d1edcc
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f3faf2 | f1f9ef | eef8ed | ecf7ea | eaf6e8 |
e8f6e5 | e5f5e2 | e3f4e0 | e1f3dd | def2db |
dcf1d8 | daf0d6 | d7efd3 | d5eed1 | d3edce |
c6e1c1 | bcd5b7 | b1c9ad | a7bda3 | 9cb199 |
92a58e | 879a84 | 7d8e7a | 728270 | 687666 |
5e6a5b | 535e51 | 495247 | 3e473d | 343b33 |
似ている色
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作成
.colord1edcc{ color : #d1edcc; }
CSSの利用例
<span class="colord1edcc"> This color is #d1edcc. </span>
HTML上にstyleで直接書く
<span style="color:#d1edcc"> この色は #d1edcc. </span>
CSSの適用
この色は #d1edcc.
RGB(3原色)の値
R : 209
G : 237
B : 204