色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#1fa989
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7e9e1 | bbe5db | b0e0d5 | a5dccf | 9ad8c9 |
8fd4c4 | 83cfbe | 78cbb8 | 6dc7b2 | 62c2ac |
57bea6 | 4bbaa0 | 40b59a | 35b194 | 2aad8e |
1da082 | 1b987b | 1a8f74 | 18876d | 177e66 |
15765f | 146d59 | 126552 | 115c4b | 0f5444 |
0d4c3d | 0c4336 | 0a3b2f | 093229 | 072a22 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color1fa989{
color : #1fa989;
}
CSSの利用例
<span class="color1fa989"> This color is #1fa989. </span>
HTML上にstyleで直接書く
<span style="color:#1fa989"> この色は #1fa989. </span>
CSSの適用
この色は #1fa989.
RGB（３原色）の値
R : 31
G : 169
B : 137