色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#546b76
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d4dadc | cbd2d5 | c3cbcf | bac3c8 | b2bcc1 |
a9b5ba | a0adb3 | 98a6ac | 8f9ea5 | 87979f |
7e9098 | 768891 | 6d818a | 657983 | 5c727c |
4f6570 | 4b606a | 475a64 | 43555e | 3f5058 |
3a4a52 | 36454c | 324046 | 2e3a40 | 2a353b |
253035 | 212a2f | 1d2529 | 192023 | 151a1d |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color546b76{
color : #546b76;
}
CSSの利用例
<span class="color546b76"> This color is #546b76. </span>
HTML上にstyleで直接書く
<span style="color:#546b76"> この色は #546b76. </span>
CSSの適用
この色は #546b76.
RGB（３原色）の値
R : 84
G : 107
B : 118