色の森：カラーコードの辞典
横浜のヨットハーバーから見上げた、どんより曇り空から晴れ間が見えそうな空の色 -- #c5d6e6
曇った空の下、横浜のヨットハーバーで空を見ていると、どんよりとした厚い雲の隙間に、ちょっとだけ青空が見えてくるかも？そんな青空への期待が高まる曇り空のカラーコードは？ そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。写真をクリックしてその周辺のカラーコードを表示
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
このカラーコードが実際に使われている写真たち
カラーコードを写真からワンクリックで取得する一覧
グラデーションカラーコード
f0f4f8 | edf2f7 | eaf0f6 | e7eef5 | e4ecf3 |
e2eaf2 | dfe8f1 | dce6f0 | d9e4ee | d6e2ed |
d3e0ec | d0deeb | cddce9 | cadae8 | c7d8e7 |
bbcbda | b1c0cf | a7b5c3 | 9dabb8 | 93a0ac |
8995a1 | 808b95 | 76808a | 6c757e | 626b73 |
586067 | 4e555c | 444a50 | 3b4045 | 313539 |
CSS作成
.colorc5d6e6{
color : #c5d6e6;
}
CSSの利用例
<span class="colorc5d6e6"> This color is #c5d6e6. </span>
HTML上にstyleで直接書く
<span style="color:#c5d6e6"> この色は #c5d6e6. </span>
CSSの適用
この色は #c5d6e6.
RGB（３原色）の値
Language list