色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#01acda
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
bfeaf5 | b2e6f3 | a6e1f2 | 99ddf0 | 8cd9ee |
80d5ec | 73d1ea | 66cde8 | 59c9e6 | 4dc4e5 |
40c0e3 | 33bce1 | 27b8df | 1ab4dd | 0db0db |
00a3cf | 009ac4 | 0092b9 | 0089ae | 0081a3 |
007898 | 006f8d | 006782 | 005e77 | 00566d |
004d62 | 004457 | 003c4c | 003341 | 002b36 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color01acda{ color : #01acda; }
CSSの利用例
<span class="color01acda"> This color is #01acda. </span>
HTML上にstyleで直接書く
<span style="color:#01acda"> この色は #01acda. </span>
CSSの適用
この色は #01acda.
RGB(3原色)の値
R : 1
G : 172
B : 218