色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#345a52
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ccd5d3 | c2cdcb | b7c5c2 | adbdb9 | a3b4b1 |
99aca8 | 8fa49f | 859c97 | 7b938e | 708b85 |
66837d | 5c7b74 | 52726b | 486a63 | 3e625a |
31554d | 2e5149 | 2c4c45 | 294841 | 27433d |
243f39 | 213a35 | 1f3631 | 1c312d | 1a2d29 |
172824 | 142420 | 121f1c | 0f1b18 | 0d1614 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color345a52{
color : #345a52;
}
CSSの利用例
<span class="color345a52"> This color is #345a52. </span>
HTML上にstyleで直接書く
<span style="color:#345a52"> この色は #345a52. </span>
CSSの適用
この色は #345a52.
RGB（３原色）の値
R : 52
G : 90
B : 82