色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#a57c00
グラデーションカラーコード
e8debf | e4d7b2 | dfd1a5 | dbca99 | d6c48c |
d2bd7f | cdb672 | c9b066 | c4a959 | c0a34c |
bb9c3f | b79633 | b28f26 | ae8919 | a9820c |
9c7500 | 946f00 | 8c6900 | 846300 | 7b5d00 |
735600 | 6b5000 | 634a00 | 5a4400 | 523e00 |
4a3700 | 423100 | 392b00 | 312500 | 291f00 |
おすすめカラーパターン
ゴールドに魅せられて
ゴールド。富の象徴として常に絶対的な位置にある色。カラーコードで表現するのは難しいが、このパターンを組み合わせることで光り輝くゴールドを表現しましょう。
鮮やかな黄色の強いゴールド
インカ帝国の遺跡に見られるような、太古から変わらないゴールド
薄暗い中でも輝きを見せるゴールド
アクセサリーなどに使われることが多い、ピンクがかったゴールド
重厚さと深みを感じさせるゴールド
目が覚めるほどに光り輝くゴールド
白に近いが、高級感を感じさせるゴールド
コーラルピンクとゴールドを合わせたようなゴールド
より深い色合いで、ゴールドの重みを感じさせる色
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{ color : #; }
CSSの利用例
<span class="color"> This color is #a57c00. </span>
HTML上にstyleで直接書く
<span style="color:#a57c00"> この色は #a57c00. </span>
CSSの適用
この色は #a57c00.
RGB(3原色)の値
Language list