色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#00aec1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
bfeaef | b2e6ec | a5e2e9 | 99dee6 | 8cdae3 |
7fd6e0 | 72d2dc | 66ced9 | 59cad6 | 4cc6d3 |
3fc2d0 | 33becd | 26baca | 19b6c7 | 0cb2c4 |
00a5b7 | 009cad | 0093a4 | 008b9a | 008290 |
007987 | 00717d | 006873 | 005f6a | 005760 |
004e56 | 00454d | 003c43 | 003439 | 002b30 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color00aec1{
color : #00aec1;
}
CSSの利用例
<span class="color00aec1"> This color is #00aec1. </span>
HTML上にstyleで直接書く
<span style="color:#00aec1"> この色は #00aec1. </span>
CSSの適用
この色は #00aec1.
RGB（３原色）の値
R : 0
G : 174
B : 193