色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bee2e9
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eef7f9 | ebf6f8 | e8f4f7 | e5f3f6 | e1f1f5 |
def0f4 | dbeff2 | d8edf1 | d4ecf0 | d1eaef |
cee9ee | cbe7ed | c7e6ec | c4e4eb | c1e3ea |
b4d6dd | abcbd1 | a1c0c6 | 98b4ba | 8ea9ae |
859ea3 | 7b9297 | 72878b | 687c80 | 5f7174 |
556568 | 4c5a5d | 424f51 | 394345 | 2f383a |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorbee2e9{ color : #bee2e9; }
CSSの利用例
<span class="colorbee2e9"> This color is #bee2e9. </span>
HTML上にstyleで直接書く
<span style="color:#bee2e9"> この色は #bee2e9. </span>
CSSの適用
この色は #bee2e9.
RGB(3原色)の値
R : 190
G : 226
B : 233