色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#497a8a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d1dde1 | c8d7db | bfd0d6 | b6c9d0 | adc3ca |
a4bcc4 | 9ab5be | 91afb8 | 88a8b2 | 7fa1ad |
769ba7 | 6d94a1 | 648d9b | 5b8795 | 52808f |
457383 | 416d7c | 3e6775 | 3a616e | 365b67 |
335560 | 2f4f59 | 2b4952 | 28434b | 243d45 |
20363e | 1d3037 | 192a30 | 152429 | 121e22 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color497a8a{
color : #497a8a;
}
CSSの利用例
<span class="color497a8a"> This color is #497a8a. </span>
HTML上にstyleで直接書く
<span style="color:#497a8a"> この色は #497a8a. </span>
CSSの適用
この色は #497a8a.
RGB（３原色）の値
R : 73
G : 122
B : 138