色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5f96a8
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d7e4e9 | cfdfe4 | c7dae0 | bfd5dc | b7cfd7 |
afcad3 | a7c5cf | 9fc0ca | 97bac6 | 8fb5c2 |
87b0bd | 7fabb9 | 77a5b5 | 6fa0b0 | 679bac |
5a8e9f | 558797 | 507f8e | 4c7886 | 47707e |
426975 | 3d616d | 395a64 | 34525c | 2f4b54 |
2a434b | 263c43 | 21343a | 1c2d32 | 17252a |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5f96a8{ color : #5f96a8; }
CSSの利用例
<span class="color5f96a8"> This color is #5f96a8. </span>
HTML上にstyleで直接書く
<span style="color:#5f96a8"> この色は #5f96a8. </span>
CSSの適用
この色は #5f96a8.
RGB(3原色)の値
R : 95
G : 150
B : 168