色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#80b1b1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
dfebeb | d8e7e7 | d2e3e3 | ccdfdf | c5dbdb |
bfd8d8 | b9d4d4 | b2d0d0 | accccc | a6c8c8 |
9fc4c4 | 99c0c0 | 93bcbc | 8cb8b8 | 86b4b4 |
79a8a8 | 739f9f | 6c9696 | 668d8d | 608484 |
597b7b | 537373 | 4c6a6a | 466161 | 405858 |
394f4f | 334646 | 2c3d3d | 263535 | 202c2c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color80b1b1{
color : #80b1b1;
}
CSSの利用例
<span class="color80b1b1"> This color is #80b1b1. </span>
HTML上にstyleで直接書く
<span style="color:#80b1b1"> この色は #80b1b1. </span>
CSSの適用
この色は #80b1b1.
RGB（３原色）の値
R : 128
G : 177
B : 177