色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#87ced1
グラデーションカラーコード
e1f2f3 | dbf0f1 | d5edee | cfebec | c9e8ea |
c3e6e8 | bde4e5 | b7e1e3 | b1dfe1 | abdcde |
a5dadc | 9fd7da | 99d5d7 | 93d2d5 | 8dd0d3 |
80c3c6 | 79b9bc | 72afb1 | 6ca4a7 | 659a9c |
5e9092 | 578587 | 517b7d | 4a7172 | 436768 |
3c5c5e | 365253 | 2f4849 | 283d3e | 213334 |
おすすめカラーパターン
アルプス山脈を連想させる色
アルプス山脈は、1200kmにもなるヨーロッパ最大の山脈。ヨーロッパの各国にまたがるこの山々は、誰をも魅了する。
アルプス山脈を写す水面のような澄んだブルー
優しく、そして冷たいグレーブルー
堂々とした雄大なブルー
澄んだ冷たい空を連想させるブルー
モンブランにかぶった雪のような青みがかったホワイト
山影にある雪のような色
標高が高く木々が少なくなってきた山肌を連想させるくすんだグリーン
山々の谷間に見る、深い谷のようなブラウン
草木の生えていない標高の高い山肌を連想させるブラウン
Dot
Checkered pattern
stripe
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #87ced1. </span>
HTML上にstyleで直接書く
<span style="color:#87ced1"> この色は #87ced1. </span>
CSSの適用
この色は #87ced1.
RGB（３原色）の値
Language list