色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7fbce2
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
dfeef7 | d8eaf6 | d2e7f4 | cbe4f3 | c5e0f1 |
bfddf0 | b8daef | b2d6ed | abd3ec | a5d0ea |
9fcce9 | 98c9e7 | 92c6e6 | 8bc2e4 | 85bfe3 |
78b2d6 | 72a9cb | 6b9fc0 | 6596b4 | 5f8da9 |
58839e | 527a92 | 4c7087 | 45677c | 3f5e71 |
395465 | 324b5a | 2c414f | 263843 | 1f2f38 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7fbce2{ color : #7fbce2; }
CSSの利用例
<span class="color7fbce2"> This color is #7fbce2. </span>
HTML上にstyleで直接書く
<span style="color:#7fbce2"> この色は #7fbce2. </span>
CSSの適用
この色は #7fbce2.
RGB(3原色)の値
R : 127
G : 188
B : 226