色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#699dae
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d9e6ea | d2e1e6 | cadce2 | c3d7de | bbd2da |
b4ced6 | acc9d2 | a5c4ce | 9dbfca | 96bac6 |
8eb5c2 | 87b0be | 7fabba | 78a6b6 | 70a1b2 |
6395a5 | 5e8d9c | 598593 | 547d8b | 4e7582 |
496d79 | 446671 | 3f5e68 | 39565f | 344e57 |
2f464e | 2a3e45 | 24363c | 1f2f34 | 1a272b |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color699dae{ color : #699dae; }
CSSの利用例
<span class="color699dae"> This color is #699dae. </span>
HTML上にstyleで直接書く
<span style="color:#699dae"> この色は #699dae. </span>
CSSの適用
この色は #699dae.
RGB(3原色)の値
R : 105
G : 157
B : 174