色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#50525a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d3d3d5 | cacbcd | c1c2c5 | b9b9bd | b0b1b4 |
a7a8ac | 9e9fa4 | 96979c | 8d8e93 | 84858b |
7b7d83 | 73747b | 6a6b72 | 61636a | 585a62 |
4c4d55 | 484951 | 44454c | 404148 | 3c3d43 |
38393f | 34353a | 303136 | 2c2d31 | 28292d |
242428 | 202024 | 1c1c1f | 18181b | 141416 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color50525a{
color : #50525a;
}
CSSの利用例
<span class="color50525a"> This color is #50525a. </span>
HTML上にstyleで直接書く
<span style="color:#50525a"> この色は #50525a. </span>
CSSの適用
この色は #50525a.
RGB（３原色）の値
R : 80
G : 82
B : 90