色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#203f76
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
c7cfdc | bcc5d5 | b0bbcf | a5b2c8 | 9aa8c1 |
8f9fba | 8495b3 | 798bac | 6e82a5 | 62789f |
576f98 | 4c6591 | 415b8a | 365283 | 2b487c |
1e3b70 | 1c386a | 1b3564 | 19325e | 182f58 |
162c52 | 14284c | 132546 | 112240 | 101f3b |
0e1c35 | 0c192f | 0b1629 | 091223 | 080f1d |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color203f76{ color : #203f76; }
CSSの利用例
<span class="color203f76"> This color is #203f76. </span>
HTML上にstyleで直接書く
<span style="color:#203f76"> この色は #203f76. </span>
CSSの適用
この色は #203f76.
RGB(3原色)の値
R : 32
G : 63
B : 118