色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#308a7b
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cbe1de | c0dbd7 | b6d6d0 | acd0ca | a1cac3 |
97c4bd | 8dbeb6 | 82b8af | 78b2a9 | 6eada2 |
63a79c | 59a195 | 4f9b8e | 449588 | 3a8f81 |
2d8374 | 2b7c6e | 287568 | 266e62 | 24675c |
216056 | 1f594f | 1c5249 | 1a4b43 | 18453d |
153e37 | 133731 | 10302b | 0e2924 | 0c221e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color308a7b{
color : #308a7b;
}
CSSの利用例
<span class="color308a7b"> This color is #308a7b. </span>
HTML上にstyleで直接書く
<span style="color:#308a7b"> この色は #308a7b. </span>
CSSの適用
この色は #308a7b.
RGB（３原色）の値
R : 48
G : 138
B : 123