マスキングテープの大人気ブランド「mt」のiyamadesignによるおしゃれな配色見本帳 -配色パターンコレクション | コリス

2020/01/31 5 users コリス コーディネイト 配色 マスキングテープ 洋服

女子に大人気のマスキングテープ「mt」のiyamadesignによるおしゃれな配色パターンがたくさん収録された配色見本帳を紹介します。 デザインやイラストで配色に悩んだ時に、洋服のコーディネイトやメイク・ネイルなど日常的...記事の続きを読む 続きを読む

おしゃれな配色パターンが見つかる！配色見本サービスまとめ | Web Design Trends

2019/02/13 72 users Web Design Trends

2色の配色パターン見本 まず最初にご紹介するのは2色の配色パターン見本サービスです。2色の組み合わせは配色の基本ですね。まずは2色のベースとなる配色を決めて、そこから次の色を探すようにするとイメージに合った配色を作りやすくなります。 Khroma Khromaは、好みの色を自分で選ぶことで人工知能があなたに合った配... 続きを読む

人工知能で配色パターンを自動生成したり写真から色を抽出したりしてカラーパレットを生成しまくることが可能な「Colormind」 - GIGAZINE

2017/03/27 33 users GIGAZINE 配色 調和 人工知能 カラーパレット

By Valerie Hinojosa 人工知能を用いて自動で調和のとれた配色パターンのカラーパレットを生成したり、アップロードした写真から色を抽出してカラー-パレットを生成したりすることができるウェブサイトが「 Colormind 」です。デザインやイラスト、インテリアなど配色に困った時にさまざまなパターンを提案してくれる便利なサイトになっているので使ってみました。 Colormind - th... 続きを読む

無機質な色が美しく感じる。NIPPON COLORSという色見本サイトがとても素敵。 - プロクラシスト

2017/01/18 9 users NIPPON COLORS プロクラシスト ウェブデザイン

2017 - 01 - 18 無機質な色が美しく感じる。NIPPON COLORSという色見本サイトがとても素敵。 Google+ Pocket スポンサーリンク こんにちは！ほけきよです。 そろそろ自ブログのカスタマイズをしたいなと思っていて、 配色パターンとか、フラットデザインとか、ウェブデザインとか そういうのを色々とあさっていたんですが、そんなときに、 『NIPPON COLORS』 とい... 続きを読む

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - Literally

2016/11/02 1382 users 配色 目次 プレゼン資料 Literally 解説

2016 - 11 - 02 コピペで使えるオシャレな配色パターン見本集 25 （Webカラーコード付） デザイン 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。 プレゼン資料 、 Webデザイン などで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青... 続きを読む

Webデザインの配色に役立つ！色彩について学べるサービス・ツール12選まとめ｜SUKIMANO

2016/08/28 313 users 配色 色彩 webデザイン Adobe Color ツール

Webデザインをしているときに、配色に詰まって作業がはかどらないということは多々あるのではないでしょうか。 そんなときは、自動で配色パターンを生成してくれるサービスやツールに頼ってみましょう。 そこで今回は、Webデザインの配色に役立つ12個のツールをピックアップして紹介します。 1. Adobe Color CC https://color.adobe.com/ja/ 「 Adobe Color... 続きを読む

アプリのUIデザインと配色パターンまとめ（非デザイナー向け） - Qiita

2016/02/25 392 users Qiita ノンデザイナー UIデザイン アプリ プログラマー

はじめに 私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。 デザイナーじゃないので１からデザインをしていくなんて到底無理です。 そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。 基本他のアプリを 真似 参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パ... 続きを読む

毎日センスある配色パターンを提供してくれるサイト「Color Hunt」 ｜ ライフハッカー［日本版］

2015/08/19 66 users カメきち 配色 ライフハッカー センス 組み合わせ

カメきち  - Webサービス,ツール,画像編集  07:00 PM 毎日センスある配色パターンを提供してくれるサイト「Color Hunt」 「Color Hunt」は毎日センスある配色パターンを提供してくれるサイトです。色んな色の組み合わせを毎日更新しているサイトです。配色で迷ったときに参考になりますね。 以下に使ってみた様子を載せておきます。 まずColor Huntへアクセスしましょう。 ... 続きを読む

次々とセンスある配色パターンを提案してくれるサイト「Coolors」 ｜ ライフハッカー［日本版］

2014/11/15 1211 users Coolors カメきち ライフハッカー センス スペースキー

カメきち  - Webサービス,デザイン  07:30 AM 次々とセンスある配色パターンを提案してくれるサイト「Coolors」 「Coolors」は次々とセンスある配色パターンを提案してくれるサイトです。スペースキーを押すと、いい感じの配色パターンを次々と生成してくれます。気に入った色は固定しておくとさらにそれに合った色を探してくれるので便利。 以下に使ってみた様子を載せておきます。 まずCo... 続きを読む

一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ | コリス

2013/12/09 585 users コリス コーポレートカラー カラースキーム 配色設計 配色

コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表... 続きを読む

配色パターンを決める際にお世話になっているサイトをご紹介｜Webpark

2013/04/01 220 users 配色 ウェブサイト Webpark メイン 参考

「なんかいつも同じような配色になってしまう」「思い切った配色ができない」と悩んだときに個人的にお世話になっているサイトを紹介します。 かなり有名なサイトばかりですが参考になればうれしいです。 メインの色を決めるたいときに まず、ウェブサイトのメインとなる色を決めるときに使っているサイトを紹介します。 WEB色見本 原色大辞典 - HTML Color Names この手のサイトは色々ありますが、私... 続きを読む

シンプルで使いやすい！簡単に綺麗な配色パターンが作れる「ColourCode」

2013/03/19 20 users マウス プログラミング 上下 左右 ColourCode

「Colour Code」は、誰でも簡単にきれいな配色パターンが作れるWebサービス。色のコードも表示してくれるので、そのままデザインやプログラミングで使えて便利です。動きもサクサク軽快なので、使っていて楽しいです。 Colour Code 色を選ぶ 使い方はとっても簡単。画面上でマウスを動かすと位置に合わせて色が変わります。 ・マウスの上下 → 明るさ ・マウスの左右 → 色 に対応しているので... 続きを読む

法執行機関による市街地作戦を想定した次世代カモフラージュ「A-TACS」の新パターン - GIGAZINE

2013/01/16 12 users カモフラージュ GIGAZINE 迷彩 グラデーション 迷彩服

戦闘の際に敵に発見される可能性を下げるために使用される戦闘服などの配色パターンはカモフラージュ(迷彩)と呼ばれ、アメリカにはその様なカモフラージュ模様の研究や迷彩服の製造を行う企業が複数存在しています。今回取材したDigital Concealment Systems社もその1つで、同社が開発したグラデーションを多用した新型迷彩「A-TACS(Advanced Tactical Concealme... 続きを読む

最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン | バズ部

2012/06/05 1637 users Web配色 バズ部 最低限 コンバージョン 配色

WEBサイトのデザインは、誰もが頭を悩ませる部分だ。「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６... 続きを読む

「Adobe Kuler」に登録されているカラーテーマを利用して、楽しみながら配色を学べる『Saturation』 - Touch Lab - タッチ ラボ

2011/08/03 23 users アクセサリ Photoshop おなじみ iPad レビュー

Touch Lab - タッチ ラボ:iPhone・iPod touch・iPadのニュース、便利な使い方、アプリとアクセサリのレビューをお届けする情報サイト By Tom：2011年8月 3日 画像編集ソフト「Photoshop」などでおなじみのAdobe Systems社が提供しているオンラインサービスの一つに「Adobe Kuler」があります。「Adobe Kuler」では、配色パターンを... 続きを読む

検索した単語のイメージに合った配色パターンを教えてくれるウェブアプリ「Colorapi」 : ライフハッカー［日本版］

2011/06/22 52 users ウェブアプリ Tweet 手助け ユーザ ライフハッカー

Webツール , その他 , デザイン 検索した単語のイメージに合った配色パターンを教えてくれるウェブアプリ「Colorapi」 2011.06.22 16:00 コメント数：[ 0 ] Tweet 「Colorapi」は、たった一つの目的を果たすためだけに存在するスリックなウェブアプリ。その目的とは、カラーパレットからユーザが色を選択する手助けをすること。 ライフハッカー[日本版]Amazon売... 続きを読む

配色に自信がなくても！Webデザインが好きになる配色ツールと使い方 | Webクリエイターボックス

2010/08/17 695 users 配色 配色ツール Webクリエイターボックス Twitter

以前書いた記事「配色パターンからWebデザインを考える」やTwitterでつぶやいた「要ブックマーク！うっとりしてしまう100の配色パターン」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を... 続きを読む

配色パターンからWebデザインを考える | Webクリエイターボックス

2010/03/23 2556 users Webクリエイターボックス webデザイン 色相 彩度 明度

ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・... 続きを読む

ASCII.jp：もう配色には困らない！「Adobe Kuler」

2009/01/21 1586 users 配色 Adobe Kuler ASCII.jp kuler

「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWeb... 続きを読む