色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#0b84c3
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c2e0f0 | b5daed | a9d3ea | 9dcde7 | 91c7e4 |
85c1e1 | 78bbde | 6cb5db | 60afd8 | 54a8d5 |
48a2d2 | 3b9ccf | 2f96cc | 2390c9 | 178ac6 |
0a7db9 | 0976af | 0970a5 | 08699c | 086392 |
075c88 | 07557e | 064f75 | 06486b | 054261 |
043b57 | 04344e | 032e44 | 03273a | 022130 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color0b84c3{
color : #0b84c3;
}
CSSの利用例
<span class="color0b84c3"> This color is #0b84c3. </span>
HTML上にstyleで直接書く
<span style="color:#0b84c3"> この色は #0b84c3. </span>
CSSの適用
この色は #0b84c3.
RGB（３原色）の値
R : 11
G : 132
B : 195