色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2a3147
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
c9cbd1 | bfc1c7 | b4b6be | a9acb5 | 9fa2ac |
9498a3 | 898d99 | 7f8390 | 747987 | 696e7e |
5f6475 | 545a6b | 494f62 | 3f4559 | 343b50 |
272e43 | 252c3f | 23293c | 212738 | 1f2435 |
1d2231 | 1b1f2e | 191d2a | 171a27 | 151823 |
12161f | 10131c | 0e1118 | 0c0e15 | 0a0c11 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color2a3147{ color : #2a3147; }
CSSの利用例
<span class="color2a3147"> This color is #2a3147. </span>
HTML上にstyleで直接書く
<span style="color:#2a3147"> この色は #2a3147. </span>
CSSの適用
この色は #2a3147.
RGB(3原色)の値
R : 42
G : 49
B : 71