色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#36557e
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
ccd4de | c2ccd8 | b8c3d1 | aebbcb | a4b2c4 |
9aaabe | 90a1b8 | 8699b1 | 7c90ab | 7288a4 |
687f9e | 5e7797 | 546e91 | 4a668a | 405d84 |
335077 | 304c71 | 2d486b | 2b4464 | 283f5e |
253b58 | 233751 | 20334b | 1d2e45 | 1b2a3f |
182638 | 152232 | 121d2c | 101925 | 0d151f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color36557e{ color : #36557e; }
CSSの利用例
<span class="color36557e"> This color is #36557e. </span>
HTML上にstyleで直接書く
<span style="color:#36557e"> この色は #36557e. </span>
CSSの適用
この色は #36557e.
RGB(3原色)の値
R : 54
G : 85
B : 126