色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1f857b
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7e0de | bbdad7 | b0d4d0 | a5ceca | 9ac8c3 |
8fc2bd | 83bbb6 | 78b5af | 6dafa9 | 62a9a2 |
57a39c | 4b9d95 | 40978e | 359188 | 2a8b81 |
1d7e74 | 1b776e | 1a7168 | 186a62 | 17635c |
155d56 | 14564f | 124f49 | 114943 | 0f423d |
0d3b37 | 0c3531 | 0a2e2b | 092724 | 07211e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1f857b{
color : #1f857b;
}
CSSの利用例
<span class="color1f857b"> This color is #1f857b. </span>
HTML上にstyleで直接書く
<span style="color:#1f857b"> この色は #1f857b. </span>
CSSの適用
この色は #1f857b.
RGB（３原色）の値
R : 31
G : 133
B : 123