色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a5bcc4
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e8eef0 | e4eaed | dfe7ea | dbe4e7 | d6e0e4 |
d2dde1 | cddade | c9d6db | c4d3d8 | c0d0d5 |
bbccd2 | b7c9cf | b2c6cc | aec2c9 | a9bfc6 |
9cb2ba | 94a9b0 | 8c9fa6 | 84969c | 7b8d93 |
738389 | 6b7a7f | 637075 | 5a676b | 525e62 |
4a5458 | 424b4e | 394144 | 31383a | 292f31 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora5bcc4{ color : #a5bcc4; }
CSSの利用例
<span class="colora5bcc4"> This color is #a5bcc4. </span>
HTML上にstyleで直接書く
<span style="color:#a5bcc4"> この色は #a5bcc4. </span>
CSSの適用
この色は #a5bcc4.
RGB(3原色)の値
R : 165
G : 188
B : 196