色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#89c9cb
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e1f1f2 | dbeeef | d5ecec | cfe9ea | c9e6e7 |
c4e4e5 | bee1e2 | b8dedf | b2dbdd | acd9da |
a6d6d8 | a0d3d5 | 9ad1d2 | 94ced0 | 8ecbcd |
82bec0 | 7bb4b6 | 74aaac | 6da0a2 | 669698 |
5f8c8e | 598283 | 527879 | 4b6e6f | 446465 |
3d5a5b | 365051 | 2f4647 | 293c3c | 223232 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color89c9cb{
color : #89c9cb;
}
CSSの利用例
<span class="color89c9cb"> This color is #89c9cb. </span>
HTML上にstyleで直接書く
<span style="color:#89c9cb"> この色は #89c9cb. </span>
CSSの適用
この色は #89c9cb.
RGB（３原色）の値
R : 137
G : 201
B : 203