色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#59acac
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5eaea | cde6e6 | c4e1e1 | bcdddd | b4d9d9 |
acd5d5 | a3d1d1 | 9bcdcd | 93c9c9 | 8ac4c4 |
82c0c0 | 7abcbc | 71b8b8 | 69b4b4 | 61b0b0 |
54a3a3 | 509a9a | 4b9292 | 478989 | 428181 |
3e7878 | 396f6f | 356767 | 305e5e | 2c5656 |
284d4d | 234444 | 1f3c3c | 1a3333 | 162b2b |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color59acac{
color : #59acac;
}
CSSの利用例
<span class="color59acac"> This color is #59acac. </span>
HTML上にstyleで直接書く
<span style="color:#59acac"> この色は #59acac. </span>
CSSの適用
この色は #59acac.
RGB（３原色）の値
R : 89
G : 172
B : 172