色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#365b7e
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ccd6de | c2cdd8 | b8c5d1 | aebdcb | a4b5c4 |
9aadbe | 90a4b8 | 869cb1 | 7c94ab | 728ca4 |
68849e | 5e7b97 | 547391 | 4a6b8a | 406384 |
335677 | 305171 | 2d4d6b | 2b4864 | 28445e |
253f58 | 233b51 | 20364b | 1d3245 | 1b2d3f |
182838 | 152432 | 121f2c | 101b25 | 0d161f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color365b7e{ color : #365b7e; }
CSSの利用例
<span class="color365b7e"> This color is #365b7e. </span>
HTML上にstyleで直接書く
<span style="color:#365b7e"> この色は #365b7e. </span>
CSSの適用
この色は #365b7e.
RGB(3原色)の値
R : 54
G : 91
B : 126