色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4ab9de
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d1edf6 | c8eaf5 | bfe6f3 | b6e3f1 | addff0 |
a4dcee | 9bd8ec | 92d5eb | 89d1e9 | 80cee7 |
77cae6 | 6ec7e4 | 65c3e2 | 5cc0e1 | 53bcdf |
46afd2 | 42a6c7 | 3e9dbc | 3b94b1 | 378aa6 |
33819b | 307890 | 2c6f85 | 28657a | 255c6f |
215363 | 1d4a58 | 19404d | 163742 | 122e37 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4ab9de{ color : #4ab9de; }
CSSの利用例
<span class="color4ab9de"> This color is #4ab9de. </span>
HTML上にstyleで直接書く
<span style="color:#4ab9de"> この色は #4ab9de. </span>
CSSの適用
この色は #4ab9de.
RGB(3原色)の値
R : 74
G : 185
B : 222