色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#83a4b7
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e0e8ed | d9e3e9 | d3dfe5 | cddae2 | c7d6de |
c1d1db | baccd7 | b4c8d3 | aec3d0 | a8bfcc |
a2bac9 | 9bb6c5 | 95b1c1 | 8fadbe | 89a8ba |
7c9bad | 7593a4 | 6f8b9b | 688392 | 627b89 |
5b7280 | 556a76 | 4e626d | 485a64 | 41525b |
3a4952 | 344149 | 2d3940 | 273136 | 20292d |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color83a4b7{ color : #83a4b7; }
CSSの利用例
<span class="color83a4b7"> This color is #83a4b7. </span>
HTML上にstyleで直接書く
<span style="color:#83a4b7"> この色は #83a4b7. </span>
CSSの適用
この色は #83a4b7.
RGB(3原色)の値
R : 131
G : 164
B : 183