色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#abed59
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eafad5 | e5f9cd | e1f8c4 | ddf7bc | d9f6b4 |
d5f6ac | d0f5a3 | ccf49b | c8f393 | c4f28a |
c0f182 | bbf07a | b7ef71 | b3ee69 | afed61 |
a2e154 | 99d550 | 91c94b | 88bd47 | 80b142 |
77a53e | 6f9a39 | 668e35 | 5e8230 | 55762c |
4c6a28 | 445e23 | 3b521f | 33471a | 2a3b16 |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorabed59{ color : #abed59; }
CSSの利用例
<span class="colorabed59"> This color is #abed59. </span>
HTML上にstyleで直接書く
<span style="color:#abed59"> この色は #abed59. </span>
CSSの適用
この色は #abed59.
RGB(3原色)の値
R : 171
G : 237
B : 89