色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#21455c
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7d0d6 | bcc7ce | b1bdc5 | a6b4bd | 9babb5 |
90a2ad | 8498a5 | 798f9d | 6e8695 | 637c8c |
587384 | 4d6a7c | 426074 | 37576c | 2c4e64 |
1f4157 | 1d3e52 | 1c3a4e | 1a3749 | 183345 |
173040 | 152c3b | 132937 | 122532 | 10222e |
0e1f29 | 0d1b24 | 0b1820 | 09141b | 081117 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color21455c{
color : #21455c;
}
CSSの利用例
<span class="color21455c"> This color is #21455c. </span>
HTML上にstyleで直接書く
<span style="color:#21455c"> この色は #21455c. </span>
CSSの適用
この色は #21455c.
RGB（３原色）の値
R : 33
G : 69
B : 92