色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#aed1c5
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eaf3f0 | e6f1ed | e2eeea | deece7 | daeae4 |
d6e8e2 | d2e5df | cee3dc | cae1d9 | c6ded6 |
c2dcd3 | bedad0 | bad7cd | b6d5ca | b2d3c7 |
a5c6bb | 9cbcb1 | 93b1a7 | 8ba79d | 829c93 |
799289 | 718780 | 687d76 | 5f726c | 576862 |
4e5e58 | 45534e | 3c4944 | 343e3b | 2b3431 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.coloraed1c5{ color : #aed1c5; }
CSSの利用例
<span class="coloraed1c5"> This color is #aed1c5. </span>
HTML上にstyleで直接書く
<span style="color:#aed1c5"> この色は #aed1c5. </span>
CSSの適用
この色は #aed1c5.
RGB(3原色)の値
R : 174
G : 209
B : 197