色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#214e7b
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7d2de | bcc9d7 | b1c1d0 | a6b8ca | 9bafc3 |
90a6bd | 849db6 | 7994af | 6e8ba9 | 6383a2 |
587a9c | 4d7195 | 42688e | 375f88 | 2c5681 |
1f4a74 | 1d466e | 1c4268 | 1a3e62 | 183a5c |
173656 | 15324f | 132e49 | 122a43 | 10273d |
0e2337 | 0d1f31 | 0b1b2b | 091724 | 08131e |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color214e7b{
color : #214e7b;
}
CSSの利用例
<span class="color214e7b"> This color is #214e7b. </span>
HTML上にstyleで直接書く
<span style="color:#214e7b"> この色は #214e7b. </span>
CSSの適用
この色は #214e7b.
RGB（３原色）の値
R : 33
G : 78
B : 123