色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5a8bba
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5e2ed | cddcea | c5d6e6 | bdd0e3 | b4cadf |
acc5dc | a4bfd9 | 9cb9d5 | 93b3d2 | 8badce |
83a8cb | 7ba2c7 | 729cc4 | 6a96c0 | 6290bd |
5584b0 | 517da7 | 4c769e | 486f94 | 43688b |
3f6182 | 3a5a78 | 36536f | 314c66 | 2d455d |
283e53 | 24374a | 1f3041 | 1b2937 | 16222e |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5a8bba{
color : #5a8bba;
}
CSSの利用例
<span class="color5a8bba"> This color is #5a8bba. </span>
HTML上にstyleで直接書く
<span style="color:#5a8bba"> この色は #5a8bba. </span>
CSSの適用
この色は #5a8bba.
RGB（３原色）の値
R : 90
G : 139
B : 186