色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7e99ea
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
dee5f9 | d8e0f8 | d1dbf7 | cbd6f6 | c4d1f5 |
beccf4 | b8c6f3 | b1c1f2 | abbcf1 | a4b7f0 |
9eb2ef | 97adee | 91a8ed | 8aa3ec | 849eeb |
7791de | 7189d2 | 6b82c6 | 647abb | 5e72af |
586ba3 | 516398 | 4b5b8c | 455480 | 3f4c75 |
384469 | 323d5d | 2c3551 | 252d46 | 1f263a |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7e99ea{ color : #7e99ea; }
CSSの利用例
<span class="color7e99ea"> This color is #7e99ea. </span>
HTML上にstyleで直接書く
<span style="color:#7e99ea"> この色は #7e99ea. </span>
CSSの適用
この色は #7e99ea.
RGB(3原色)の値
R : 126
G : 153
B : 234