色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#163d4b
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c4ced2 | b9c4c9 | adbbc0 | a1b1b7 | 96a7ae |
8a9ea5 | 7e949c | 738a93 | 67808a | 5b7781 |
506d78 | 44636f | 385a66 | 2d505d | 214654 |
143947 | 133643 | 12333f | 11303c | 102d38 |
0f2a34 | 0e2730 | 0d242d | 0c2129 | 0b1e25 |
091b21 | 08181e | 07151a | 061216 | 050f12 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color163d4b{
color : #163d4b;
}
CSSの利用例
<span class="color163d4b"> This color is #163d4b. </span>
HTML上にstyleで直接書く
<span style="color:#163d4b"> この色は #163d4b. </span>
CSSの適用
この色は #163d4b.
RGB（３原色）の値
R : 22
G : 61
B : 75