色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5b7a7a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d6dddd | cdd7d7 | c5d0d0 | bdc9c9 | b5c3c3 |
adbcbc | a4b5b5 | 9cafaf | 94a8a8 | 8ca1a1 |
849b9b | 7b9494 | 738d8d | 6b8787 | 638080 |
567373 | 516d6d | 4d6767 | 486161 | 445b5b |
3f5555 | 3b4f4f | 364949 | 324343 | 2d3d3d |
283636 | 243030 | 1f2a2a | 1b2424 | 161e1e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5b7a7a{
color : #5b7a7a;
}
CSSの利用例
<span class="color5b7a7a"> This color is #5b7a7a. </span>
HTML上にstyleで直接書く
<span style="color:#5b7a7a"> この色は #5b7a7a. </span>
CSSの適用
この色は #5b7a7a.
RGB（３原色）の値
R : 91
G : 122
B : 122