色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#389b89
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
cde6e1 | c3e1db | b9dcd5 | afd7cf | a5d2c9 |
9bcdc4 | 91c8be | 87c3b8 | 7dbeb2 | 73b9ac |
69b4a6 | 5fafa0 | 55aa9a | 4ba594 | 41a08e |
359382 | 328b7b | 2f8374 | 2c7c6d | 2a7466 |
276c5f | 246459 | 215d52 | 1e554b | 1c4d44 |
19453d | 163e36 | 13362f | 102e29 | 0e2622 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color389b89{ color : #389b89; }
CSSの利用例
<span class="color389b89"> This color is #389b89. </span>
HTML上にstyleで直接書く
<span style="color:#389b89"> この色は #389b89. </span>
CSSの適用
この色は #389b89.
RGB(3原色)の値
R : 56
G : 155
B : 137