色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#6c9fb3
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dae7ec | d2e2e8 | cbdde4 | c4d8e0 | bcd3dc |
b5cfd9 | aecad5 | a6c5d1 | 9fc0cd | 98bbc9 |
90b7c6 | 89b2c2 | 82adbe | 7aa8ba | 73a3b6 |
6697aa | 618fa1 | 5b8798 | 567f8f | 517786 |
4b6f7d | 466774 | 405f6b | 3b5762 | 364f59 |
304750 | 2b3f47 | 25373e | 202f35 | 1b272c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color6c9fb3{
color : #6c9fb3;
}
CSSの利用例
<span class="color6c9fb3"> This color is #6c9fb3. </span>
HTML上にstyleで直接書く
<span style="color:#6c9fb3"> この色は #6c9fb3. </span>
CSSの適用
この色は #6c9fb3.
RGB（３原色）の値
R : 108
G : 159
B : 179