色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d3fff0
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f4fffb | f1fffa | effff9 | edfff9 | ebfff8 |
e9fff7 | e6fff6 | e4fff6 | e2fff5 | e0fff4 |
defff3 | dbfff3 | d9fff2 | d7fff1 | d5fff0 |
c8f2e4 | bde5d8 | b3d8cc | a8ccc0 | 9ebfb4 |
93b2a8 | 89a59c | 7e9990 | 748c84 | 697f78 |
5e726c | 546660 | 495954 | 3f4c48 | 343f3c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colord3fff0{
color : #d3fff0;
}
CSSの利用例
<span class="colord3fff0"> This color is #d3fff0. </span>
HTML上にstyleで直接書く
<span style="color:#d3fff0"> この色は #d3fff0. </span>
CSSの適用
この色は #d3fff0.
RGB（３原色）の値
R : 211
G : 255
B : 240