色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#dcf8c2
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f6fdef | f4fcec | f2fce9 | f1fce6 | effbe3 |
edfbe0 | ebfbdd | eafada | e8fad7 | e6fad4 |
e4f9d1 | e3f9ce | e1f9cb | dff8c8 | ddf8c5 |
d1ebb8 | c6dfae | bbd2a4 | b0c69b | a5ba91 |
9aad87 | 8fa17e | 849474 | 79886a | 6e7c61 |
636f57 | 58634d | 4d5643 | 424a3a | 373e30 |
似ている色
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作成
.colordcf8c2{ color : #dcf8c2; }
CSSの利用例
<span class="colordcf8c2"> This color is #dcf8c2. </span>
HTML上にstyleで直接書く
<span style="color:#dcf8c2"> この色は #dcf8c2. </span>
CSSの適用
この色は #dcf8c2.
RGB(3原色)の値
R : 220
G : 248
B : 194