色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2491f0
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
c8e3fb | bddefa | b2d8f9 | a7d3f9 | 9ccdf8 |
91c8f7 | 86c2f6 | 7bbdf6 | 70b7f5 | 65b2f4 |
5aacf3 | 4fa7f3 | 44a1f2 | 399cf1 | 2e96f0 |
2289e4 | 2082d8 | 1e7bcc | 1c74c0 | 1b6cb4 |
1965a8 | 175e9c | 155790 | 134f84 | 124878 |
10416c | 0e3a60 | 0c3254 | 0a2b48 | 09243c |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color2491f0{ color : #2491f0; }
CSSの利用例
<span class="color2491f0"> This color is #2491f0. </span>
HTML上にstyleで直接書く
<span style="color:#2491f0"> この色は #2491f0. </span>
CSSの適用
この色は #2491f0.
RGB(3原色)の値
R : 36
G : 145
B : 240