色の森：カラーコードの辞典
レンガの壁の、緑の多いエレベーターホールの色 -- #ffc679
ある建物のエレベーターホール。イミテーションのレンガでオシャレに彩られて、緑も配置されて、なんだか落ち着いた雰囲気を出していました。うちの会社もこんなエレベーターホールだったら。そんなちょっと雰囲気のいいエレベーターホールのカラーコードは？ そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。写真をクリックしてその周辺のカラーコードを表示
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
このカラーコードが実際に使われている写真たち
カラーコードを写真からワンクリックで取得する一覧
グラデーションカラーコード
fff0dd | ffedd6 | ffebd0 | ffe8c9 | ffe5c2 |
ffe2bc | ffdfb5 | ffdcae | ffd9a7 | ffd7a1 |
ffd49a | ffd193 | ffce8d | ffcb86 | ffc87f |
f2bc72 | e5b26c | d8a866 | cc9e60 | bf945a |
b28a54 | a5804e | 997648 | 8c6c42 | 7f633c |
725936 | 664f30 | 59452a | 4c3b24 | 3f311e |
CSS作成
.colorffc679{
color : #ffc679;
}
CSSの利用例
<span class="colorffc679"> This color is #ffc679. </span>
HTML上にstyleで直接書く
<span style="color:#ffc679"> この色は #ffc679. </span>
CSSの適用
この色は #ffc679.
RGB（３原色）の値
Language list