色の森：カラーコードの辞典
見事な紫の紫陽花の色 -- #c6e3ff
梅雨の時期、庭に見事な紫の紫陽花が咲いていました。雨は上がっていましたが、たくさんの水分を吸って、青々と若々しい緑の葉と、綺麗な生まれたてのような紫陽花の紫。小さな花が集まって、また大きな花のように見えるこの紫陽花のカラーコードは？ そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。写真をクリックしてその周辺のカラーコードを表示
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
このカラーコードが実際に使われている写真たち
カラーコードを写真からワンクリックで取得する一覧
グラデーションカラーコード
f0f8ff | edf6ff | ebf5ff | e8f3ff | e5f2ff |
e2f1ff | dfefff | dceeff | d9ecff | d7ebff |
d4eaff | d1e8ff | cee7ff | cbe5ff | c8e4ff |
bcd7f2 | b2cce5 | a8c0d8 | 9eb5cc | 94aabf |
8a9eb2 | 8093a5 | 768899 | 6c7c8c | 63717f |
596672 | 4f5a66 | 454f59 | 3b444c | 31383f |
CSS作成
.colorc6e3ff{
color : #c6e3ff;
}
CSSの利用例
<span class="colorc6e3ff"> This color is #c6e3ff. </span>
HTML上にstyleで直接書く
<span style="color:#c6e3ff"> この色は #c6e3ff. </span>
CSSの適用
この色は #c6e3ff.
RGB（３原色）の値
Language list