色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5d7082
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d6dbdf | ced4d9 | c6ccd3 | bec5cd | b6bec6 |
aeb7c0 | a5b0ba | 9da9b4 | 95a2ad | 8d9aa7 |
8593a1 | 7d8c9b | 758594 | 6d7e8e | 657788 |
586a7b | 536475 | 4f5f6e | 4a5968 | 455461 |
414e5b | 3c4854 | 37434e | 333d47 | 2e3841 |
29323a | 252c34 | 20272d | 1b2127 | 171c20 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5d7082{ color : #5d7082; }
CSSの利用例
<span class="color5d7082"> This color is #5d7082. </span>
HTML上にstyleで直接書く
<span style="color:#5d7082"> この色は #5d7082. </span>
CSSの適用
この色は #5d7082.
RGB(3原色)の値
R : 93
G : 112
B : 130