色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#87cefa lightskyblue
この色は英語の名前も設定されている、ウェブサイトで安全に使用できる色です。
グラデーションカラーコード
e1f2fd | dbf0fd | d5edfd | cfebfd | c9e8fc |
c3e6fc | bde4fc | b7e1fc | b1dffb | abdcfb |
a5dafb | 9fd7fb | 99d5fa | 93d2fa | 8dd0fa |
80c3ed | 79b9e1 | 72afd4 | 6ca4c8 | 659abb |
5e90af | 5785a2 | 517b96 | 4a7189 | 43677d |
3c5c70 | 365264 | 2f4857 | 283d4b | 21333e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.lightskyblue{
color : #87cefa;
}
または
.lightskyblue {
color : lightskyblue;
}
CSSの利用例
<span class="lightskyblue"> This color is lightskyblue. </span>
HTML上にstyleで直接書く
<span style="color:lightskyblue"> この色は lightskyblue. </span>
CSSの適用
この色は lightskyblue.
RGB（３原色）の値
R : 135
G : 206
B : 250