色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1f8d72
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7e2db | bbdcd4 | b0d7cd | a5d1c6 | 9acbbf |
8fc6b8 | 83c0b1 | 78baaa | 6db4a3 | 62af9c |
57a995 | 4ba38e | 409e87 | 359880 | 2a9279 |
1d856c | 1b7e66 | 1a7760 | 18705b | 176955 |
15624f | 145b4a | 125444 | 114d3e | 0f4639 |
0d3f33 | 0c382d | 0a3127 | 092a22 | 07231c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1f8d72{
color : #1f8d72;
}
CSSの利用例
<span class="color1f8d72"> This color is #1f8d72. </span>
HTML上にstyleで直接書く
<span style="color:#1f8d72"> この色は #1f8d72. </span>
CSSの適用
この色は #1f8d72.
RGB（３原色）の値
R : 31
G : 141
B : 114