色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#195f53
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c5d7d4 | bacfcb | aec7c2 | a3bfba | 97b7b1 |
8cafa9 | 80a7a0 | 759f97 | 69978f | 5e8f86 |
52877e | 477f75 | 3b776c | 306f64 | 24675b |
175a4e | 16554a | 155046 | 144c42 | 12473e |
11423a | 103d35 | 0f3931 | 0d342d | 0c2f29 |
0b2a25 | 0a2621 | 08211d | 071c18 | 061714 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color195f53{
color : #195f53;
}
CSSの利用例
<span class="color195f53"> This color is #195f53. </span>
HTML上にstyleで直接書く
<span style="color:#195f53"> この色は #195f53. </span>
CSSの適用
この色は #195f53.
RGB（３原色）の値
R : 25
G : 95
B : 83