かっこよすぎる！JavaScriptで、画像に多く使われている色を背景色に設定しよう！サンプルコード付き - Qiita
かっこよすぎる！JavaScriptで、画像に多く使われている色を背景色に設定しよう！サンプルコード付きCSSJavaScriptjQuerynpmbower みなさん下の図のように、商品画像と背景が似たようないろになっている画面を見たことがあると思います。 下の図のような画面では、画像に多く使われている色(ドミナントカラー)を背景色に設定しています。 (※下記の画面はwebサイトではない(itunes)ため参考程度ですが) この記事では、ドミナントカラーを背景色に設定するまでをサンプルを追いながら紹介していきます。 実装 jquery.adaptive-backgrounds.js このライブラリを使用することで誰でも簡単に、画像のドミナントカラーを背景色に設定することができます。 1. jquery.adaptive-backgrounds.js をダウンロードする bowerを利用し
slayeroffice : color palette creator v1.6
This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke. It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begi
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
カラーコード表
ブラウザによって色が違って見える場合があります。また、ディスプレイの環境、OSの環境によって見え方が異なります。できればセーフカラー216色をお使いになることをおすすめします。 色名147色コード表セーフカラー216色コード表 色名147色コード表 aliceblue #F0F8FF (240.248.255) antiquewhite #FAEBD7 (250.235.215) aqua #00FFFF (0.255.255) aquamarine #7FFFD4 (127.255.212) azure #F0FFFF (240.255.255) beige #F5F5DC (245.245.220) bisque #FFE4C4 (255.228.196) black #000000 (0.0.0) blanchedalmond #FFEBCD (255.235.205) blue #
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
