色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#54bee1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d4eef7 | cbebf6 | c3e8f4 | bae5f3 | b2e1f1 |
a9def0 | a0dbee | 98d8ed | 8fd4eb | 87d1ea |
7ecee8 | 76cbe7 | 6dc7e5 | 65c4e4 | 5cc1e2 |
4fb4d5 | 4babca | 47a1bf | 4398b4 | 3f8ea8 |
3a859d | 367b92 | 327287 | 2e687b | 2a5f70 |
255565 | 214c5a | 1d424e | 193943 | 152f38 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color54bee1{
color : #54bee1;
}
CSSの利用例
<span class="color54bee1"> This color is #54bee1. </span>
HTML上にstyleで直接書く
<span style="color:#54bee1"> この色は #54bee1. </span>
CSSの適用
この色は #54bee1.
RGB（３原色）の値
R : 84
G : 190
B : 225