色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#7ad0cb
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ddf3f2 | d7f0ef | d0eeec | c9ecea | c3e9e7 |
bce7e5 | b5e5e2 | afe2df | a8e0dd | a1deda |
9bdbd8 | 94d9d5 | 8dd7d2 | 87d4d0 | 80d2cd |
73c5c0 | 6dbbb6 | 67b0ac | 61a6a2 | 5b9c98 |
55918e | 4f8783 | 497c79 | 43726f | 3d6865 |
365d5b | 305351 | 2a4847 | 243e3c | 1e3432 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7ad0cb{
color : #7ad0cb;
}
CSSの利用例
<span class="color7ad0cb"> This color is #7ad0cb. </span>
HTML上にstyleで直接書く
<span style="color:#7ad0cb"> この色は #7ad0cb. </span>
CSSの適用
この色は #7ad0cb.
RGB（３原色）の値
R : 122
G : 208
B : 203