色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1f4153
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7cfd4 | bbc6cb | b0bcc2 | a5b3ba | 9aa9b1 |
8fa0a9 | 8396a0 | 788d97 | 6d838f | 627a86 |
57707e | 4b6775 | 405d6c | 355464 | 2a4a5b |
1d3d4e | 1b3a4a | 1a3746 | 183442 | 17303e |
152d3a | 142a35 | 122731 | 11232d | 0f2029 |
0d1d25 | 0c1a21 | 0a161d | 091318 | 071014 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1f4153{
color : #1f4153;
}
CSSの利用例
<span class="color1f4153"> This color is #1f4153. </span>
HTML上にstyleで直接書く
<span style="color:#1f4153"> この色は #1f4153. </span>
CSSの適用
この色は #1f4153.
RGB（３原色）の値
R : 31
G : 65
B : 83