色の森：カラーコードの辞典
丸いビルと青い空と緑の丘 -- #a3b4be
日本の横浜の港にある広場にきました。広々とした緑の丘を上がったところに、丸いビルがあるのが、なんだか異世界に来てしまったような気になります。抜けるような青い空に浮かぶ雲が一つ。いつまでも見ていたい、のんびりとした、いい風景です。そんな、丸いビルと青い空と緑の丘のカラーコードは？ そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。写真をクリックしてその周辺のカラーコードを表示
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
このカラーコードが実際に使われている写真たち
カラーコードを写真からワンクリックで取得する一覧
グラデーションカラーコード
e8ecee | e3e8eb | dee4e8 | dae1e5 | d5dde1 |
d1d9de | ccd5db | c7d2d8 | c3ced4 | becad1 |
bac6ce | b5c3cb | b0bfc7 | acbbc4 | a7b7c1 |
9aabb4 | 92a2ab | 8a99a1 | 829098 | 7a878e |
727e85 | 69757b | 616c72 | 596368 | 515a5f |
495155 | 41484c | 393f42 | 303639 | 282d2f |
CSS作成
.colora3b4be{
color : #a3b4be;
}
CSSの利用例
<span class="colora3b4be"> This color is #a3b4be. </span>
HTML上にstyleで直接書く
<span style="color:#a3b4be"> この色は #a3b4be. </span>
CSSの適用
この色は #a3b4be.
RGB（３原色）の値
Language list