色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#304c46
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cbd2d0 | c0c9c7 | b6c0be | acb7b5 | a1aeab |
97a5a2 | 8d9c99 | 829390 | 788a86 | 6e817d |
637874 | 596f6b | 4f6661 | 445d58 | 3a544f |
2d4842 | 2b443f | 28403b | 263c38 | 243934 |
213531 | 1f312d | 1c2d2a | 1a2926 | 182623 |
15221f | 131e1c | 101a18 | 0e1615 | 0c1311 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color304c46{
color : #304c46;
}
CSSの利用例
<span class="color304c46"> This color is #304c46. </span>
HTML上にstyleで直接書く
<span style="color:#304c46"> この色は #304c46. </span>
CSSの適用
この色は #304c46.
RGB（３原色）の値
R : 48
G : 76
B : 70