色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7b9fb7
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dee7ed | d7e2e9 | d0dde5 | cad8e2 | c3d3de |
bdcfdb | b6cad7 | afc5d3 | a9c0d0 | a2bbcc |
9cb7c9 | 95b2c5 | 8eadc1 | 88a8be | 81a3ba |
7497ad | 6e8fa4 | 68879b | 627f92 | 5c7789 |
566f80 | 4f6776 | 495f6d | 435764 | 3d4f5b |
374752 | 313f49 | 2b3740 | 242f36 | 1e272d |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7b9fb7{
color : #7b9fb7;
}
CSSの利用例
<span class="color7b9fb7"> This color is #7b9fb7. </span>
HTML上にstyleで直接書く
<span style="color:#7b9fb7"> この色は #7b9fb7. </span>
CSSの適用
この色は #7b9fb7.
RGB（３原色）の値
R : 123
G : 159
B : 183