色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2fa790
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cbe9e3 | c0e4dd | b6e0d8 | abdbd2 | a1d7cd |
97d3c7 | 8ccec1 | 82cabc | 77c5b6 | 6dc1b1 |
63bdab | 58b8a6 | 4eb4a0 | 43af9b | 39ab95 |
2c9e88 | 2a9681 | 278d7a | 258573 | 237d6c |
207464 | 1e6c5d | 1c6456 | 195b4f | 175348 |
154b40 | 124239 | 103a32 | 0e322b | 0b2924 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color2fa790{
color : #2fa790;
}
CSSの利用例
<span class="color2fa790"> This color is #2fa790. </span>
HTML上にstyleで直接書く
<span style="color:#2fa790"> この色は #2fa790. </span>
CSSの適用
この色は #2fa790.
RGB（３原色）の値
R : 47
G : 167
B : 144