色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a5aab5
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e8e9ec | e4e5e8 | dfe1e5 | dbdde1 | d6d8dd |
d2d4da | cdd0d6 | c9ccd2 | c4c7ce | c0c3cb |
bbbfc7 | b7bbc3 | b2b6c0 | aeb2bc | a9aeb8 |
9ca1ab | 9499a2 | 8c9099 | 848890 | 7b7f87 |
73777e | 6b6e75 | 63666c | 5a5d63 | 52555a |
4a4c51 | 424448 | 393b3f | 313336 | 292a2d |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora5aab5{ color : #a5aab5; }
CSSの利用例
<span class="colora5aab5"> This color is #a5aab5. </span>
HTML上にstyleで直接書く
<span style="color:#a5aab5"> この色は #a5aab5. </span>
CSSの適用
この色は #a5aab5.
RGB(3原色)の値
R : 165
G : 170
B : 181