色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ade972
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eaf9db | e6f8d4 | e2f7cd | def6c6 | daf5bf |
d6f4b8 | d1f2b1 | cdf1aa | c9f0a3 | c5ef9c |
c1ee95 | bded8e | b9ec87 | b5eb80 | b1ea79 |
a4dd6c | 9bd166 | 93c660 | 8aba5b | 81ae55 |
79a34f | 70974a | 678b44 | 5f803e | 567439 |
4d6833 | 455d2d | 3c5127 | 334522 | 2b3a1c |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorade972{ color : #ade972; }
CSSの利用例
<span class="colorade972"> This color is #ade972. </span>
HTML上にstyleで直接書く
<span style="color:#ade972"> この色は #ade972. </span>
CSSの適用
この色は #ade972.
RGB(3原色)の値
R : 173
G : 233
B : 114