色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#87ad56
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e1ead4 | dbe6cc | d5e2c3 | cfdebb | c9dab2 |
c3d6aa | bdd1a2 | b7cd99 | b1c991 | abc588 |
a5c180 | 9fbd77 | 99b96f | 93b566 | 8db15e |
80a451 | 799b4d | 729349 | 6c8a44 | 658140 |
5e793c | 577037 | 516733 | 4a5f2f | 43562b |
3c4d26 | 364522 | 2f3c1e | 283319 | 212b15 |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color87ad56{ color : #87ad56; }
CSSの利用例
<span class="color87ad56"> This color is #87ad56. </span>
HTML上にstyleで直接書く
<span style="color:#87ad56"> この色は #87ad56. </span>
CSSの適用
この色は #87ad56.
RGB(3原色)の値
R : 135
G : 173
B : 86