色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#596da9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5dae9 | cdd3e5 | c4cbe0 | bcc4dc | b4bdd8 |
acb6d4 | a3aecf | 9ba7cb | 93a0c7 | 8a98c2 |
8291be | 7a8aba | 7182b5 | 697bb1 | 6174ad |
5467a0 | 506298 | 4b5c8f | 475787 | 42517e |
3e4c76 | 39466d | 354165 | 303b5c | 2c3654 |
28314c | 232b43 | 1f263b | 1a2032 | 161b2a |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color596da9{
color : #596da9;
}
CSSの利用例
<span class="color596da9"> This color is #596da9. </span>
HTML上にstyleで直接書く
<span style="color:#596da9"> この色は #596da9. </span>
CSSの適用
この色は #596da9.
RGB（３原色）の値
R : 89
G : 109
B : 169