色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#72daff
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
dbf5ff | d4f3ff | cdf2ff | c6f0ff | bfeeff |
b8ecff | b1eaff | aae8ff | a3e6ff | 9ce5ff |
95e3ff | 8ee1ff | 87dfff | 80ddff | 79dbff |
6ccff2 | 66c4e5 | 60b9d8 | 5baecc | 55a3bf |
4f98b2 | 4a8da5 | 448299 | 3e778c | 396d7f |
336272 | 2d5766 | 274c59 | 22414c | 1c363f |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color72daff{ color : #72daff; }
CSSの利用例
<span class="color72daff"> This color is #72daff. </span>
HTML上にstyleで直接書く
<span style="color:#72daff"> この色は #72daff. </span>
CSSの適用
この色は #72daff.
RGB(3原色)の値
R : 114
G : 218
B : 255