色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2a3342
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
c9cccf | bfc1c6 | b4b7bc | a9adb3 | 9fa3a9 |
9499a0 | 898e97 | 7f848d | 747a84 | 69707a |
5f6671 | 545b67 | 49515e | 3f4754 | 343d4b |
27303e | 252d3b | 232b38 | 212834 | 1f2631 |
1d232e | 1b212a | 191e27 | 171c24 | 151921 |
12161d | 10141a | 0e1117 | 0c0f13 | 0a0c10 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color2a3342{ color : #2a3342; }
CSSの利用例
<span class="color2a3342"> This color is #2a3342. </span>
HTML上にstyleで直接書く
<span style="color:#2a3342"> この色は #2a3342. </span>
CSSの適用
この色は #2a3342.
RGB(3原色)の値
R : 42
G : 51
B : 66