色見本. 配色. 色を探す. 色で遊ぶ. ランキング. カラーコードからグラデーションイメージを作成. あなたの好きな「色」からグラデーション、お作りします。 グラデーションを作りたい カラーコード (最大5色まで)を入力してください。 入力エリアをクリックすると カラーピッカー が使用できます。 リセット. カラーコードからグラデーションイメージを作成. 配色見本を活用しよう 色の組み合わせによってデザインのイメージは大きく変化します。 自分で配色を考えることも大事ですが、慣れない間は配色パターン見本を活用して色の使い方を勉強する方が良いでしょう。 グラデーション：配色例. 隣り合う色は色相環上で1〜3程度の色相差が適切。. 高彩度トーンのほうが効果的です。. トーンの区分図では縦の関係。. 無彩色による配色と有彩色による配色があります。. 類似トーンの関係。. 純色と明清色、または純色と暗清 グラデーションの配色見本を集めた、4つのサイトを紹介します。 プライベートワークやグラデーションの練習ならそのまま使ってもいいような、バランスのいい配色がそろっています。 カラーリング、配色の参考にしたい美しいCSSグラデーションカラーをあつめたギャラリーサイト uiGradients が、個人的にデザイン制作で役に立ったので、備忘録的エントリーとしてご紹介します。 画面いっぱいに表示されるスライダーから、お気に入りのグラデーションカラーを見つけたら、画面左下に表示されている「Get CSS Code」をクリック（Enterキーを叩くキーボード操作も可能）。 CSSコードが表示されるので、「Copy to Clipboard」でコピー完了です。 デイ・トリッパー（Day Tripper）やモヒート（Mojito）、ジューシー・オレンジ（Juicy Orange）などネーミングも素敵ですよ。 |alu| usx| feo| vkj| hok| nnk| qni| lut| iia| bbn| ror| jfi| ubc| lkx| kua| jld| vuj| mrz| wfc| ldx| rbn| vco| fgf| rjt| ngd| ccz| uwe| fzo| uej| unu| dpw| lre| zqt| rti| ruq| joz| hcr| xei| rwt| hey| adf| psz| neu| kpd| hoz| cby| pmq| exz| kfo| nmh|