色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c7dcd5
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
f1f6f4 | eef4f2 | ebf2f0 | e8f1ee | e5efec |
e3edea | e0ebe7 | ddeae5 | dae8e3 | d7e6e1 |
d5e4df | d2e3dd | cfe1db | ccdfd9 | c9ddd7 |
bdd1ca | b3c6bf | a9bbb5 | 9fb0aa | 95a59f |
8b9a95 | 818f8a | 77847f | 6d7975 | 636e6a |
59635f | 4f5855 | 454d4a | 3b423f | 313735 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorc7dcd5{ color : #c7dcd5; }
CSSの利用例
<span class="colorc7dcd5"> This color is #c7dcd5. </span>
HTML上にstyleで直接書く
<span style="color:#c7dcd5"> この色は #c7dcd5. </span>
CSSの適用
この色は #c7dcd5.
RGB(3原色)の値
R : 199
G : 220
B : 213