色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5799d9
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d5e5f5 | cce0f3 | c4dbf1 | bbd6ef | b3d1ed |
abccec | a2c6ea | 9ac1e8 | 91bce6 | 89b7e4 |
81b2e2 | 78ade0 | 70a8de | 67a3dc | 5f9eda |
5291ce | 4e89c3 | 4982b8 | 457aad | 4172a2 |
3c6b97 | 38638d | 345b82 | 2f5477 | 2b4c6c |
274461 | 223d56 | 1e354b | 1a2d41 | 152636 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5799d9{ color : #5799d9; }
CSSの利用例
<span class="color5799d9"> This color is #5799d9. </span>
HTML上にstyleで直接書く
<span style="color:#5799d9"> この色は #5799d9. </span>
CSSの適用
この色は #5799d9.
RGB(3原色)の値
R : 87
G : 153
B : 217