色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#346c7b
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ccdade | c2d2d7 | b7cbd0 | adc4ca | a3bcc3 |
99b5bd | 8faeb6 | 85a6af | 7b9fa9 | 7098a2 |
66909c | 5c8995 | 52828e | 487a88 | 3e7381 |
316674 | 2e616e | 2c5b68 | 295662 | 27515c |
244b56 | 21464f | 1f4049 | 1c3b43 | 1a363d |
173037 | 142b31 | 12252b | 0f2024 | 0d1b1e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color346c7b{
color : #346c7b;
}
CSSの利用例
<span class="color346c7b"> This color is #346c7b. </span>
HTML上にstyleで直接書く
<span style="color:#346c7b"> この色は #346c7b. </span>
CSSの適用
この色は #346c7b.
RGB（３原色）の値
R : 52
G : 108
B : 123