UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator

2024/04/03 206 users 色彩理論 UIデザイン用 プロンプト 無料オンラインツール

AIによる便利ツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む 続きを読む

超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

2023/01/12 273 users 快適 操作 オンラインツール カラー テーマ

選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレット...記事の続きを読む 続きを読む

ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ

2022/08/10 412 users テクスチャ シェイプ グラデーション アイソメトリック 背景

WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む

［速報］Google、新デザインフレームワーク「Material You」発表。デバイスからアプリケーションまでGoogleの製品すべてに適用へ。Google I/O 2021 － Publickey

2021/05/18 408 users デザイナ Publickey パーソナルカラー デバイス 適用

Googleは、5月19日未明に開催したオンラインイベント「Google I/O 2021」で、新しいデザインフレームワーク「Material You」を発表しました。 Material Youでは、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナ... 続きを読む

「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog

2020/09/14 183 users iOS Ameba 遺物 歳月 負債

「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる... 続きを読む

配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス

2018/06/17 112 users コリス ビジュアライズ 配色 センス ベースカラー

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む

フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ | コリス

2018/01/25 490 users UIデザイン Flat UI バージョン コリス 世界各国

Flat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UI Colors 2 カラーパレットはFlat UI C ...記事の続きを読む 続きを読む

ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ | コリス

2015/08/31 240 users コリス Dribbble Illustrator 調和 手間

よいデザインとは、ちょっとしたことを積み重ねていくことが大切。 Webデザイン、カラー、PhotoshopやIllustratorなどのテクニックを磨く、デザインをちょっとよく見せる小ネタをDribbbleから紹介します。 画像: Girly Drop 複数のカラーから調和のとれたカラーパレットを作成 角丸パネルを重ねる時、それぞれの角丸をバランスよくする 円をよりくっきり見せる 滑らかなベジェ曲... 続きを読む

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス | コリス

2015/07/07 460 users ヘッダ コリス フォント プロセス プロダクト

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal Th... 続きを読む

米HP、業務アプリケーション向けのUXフレームワーク「Grommet」、オープンソースで公開 － Publickey

2015/06/07 199 users Publickey エンターブ 米ヒューレット・パッカード

米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」（米HP CTO Martin Flink氏）として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープ... 続きを読む

デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ | コリス

2015/03/27 428 users コリス COO アクセシビリティガイドライン グラデーション

一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo...記事の続きを読む 続きを読む

配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ | NxWorld

2014/11/10 154 users インスピレーション NxWorld アクセントカラー ツール

「いつも同じような感じになってしまう」「このキーカラーに対してどんなアクセントカラーが合うのか」といったデザイン（配色）時の悩みを手助けしてくれるものやインスピレーションをもらえるもの、オリジナルのカラーパレットを簡単に作成・出力できるなど、配色・カラーに関連する便利なサイトやツールのまとめです。似たようなサイトも多いですが、使いやすさ・見やすさ・情報量などの点でそれぞれ違いがあるので、こういった... 続きを読む

単語を入力するとそのイメージに合ったカラーパレットを自動生成してくれる「Colores」 - GIGAZINE

2014/11/07 118 users GIGAZINE TREE 単語 テキストボックス 自動生成

単語を入力するだけでイメージにぴったりな画像を提示してくれ好きなカラーを直感的に探し出してカラーパレットやカラーコードを表示してくれるネットサービスが「Colores」です。 Colores http://colores.manugarri.com/ これがColoresのトップページ。単語を入力するテキストボックスがあるだけという超シンプルなデザインです。 例えば「tree(木)」と入力するとこ... 続きを読む

きれいに調和した色彩のカラーパレットを誰でもすぐ簡単に自動生成できる「Coolors」 - GIGAZINE

2014/10/23 141 users GIGAZINE Coolors ウェブデザイン 色彩 アプリ

ウェブデザインやアプリのUIを作成する際にどのような色を選んで組み合わせるべきなのかは非常に重要ですが、だからといってプロのデザイナーに頼むほどではない、というときに実践的な組み合わせのカラーパレットをスペースバーを押していくだけで爆速自動生成してくれるのが「Coolors」です。 Coolors - The super fast color palettes generator! http://... 続きを読む

適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 - K'conf

2014/07/12 275 users Logoshi 均整 K'conf スケッチ 社名

『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成／提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名... 続きを読む

色色 [:iroiro] - 「言葉」からカラーパレットを自動生成しよう！

2014/02/04 373 users iroiro 言葉

色色Click here to download Powerpoint Color Scheme file. To install, place in: Windows 7: C:\Users\[Your Username]\AppData\Roaming\Microsoft\Templates\ Document Themes\Theme Colors Windows XP: C:\Docume... 続きを読む

センスの良いプレゼン資料にしたいなら、まずは「色」を変えてみよう : ライフハッカー［日本版］

2014/02/02 114 users ライフハッカー センス COLOURlovers 日本版 参考

プレゼン , 仕事術 センスの良いプレゼン資料にしたいなら、まずは「色」を変えてみよう 2014.01.31 11:00 プレゼン資料の見映えをよくするのに、色は重要なポイントですが、色同士を引き立てるような色彩感覚を、誰もが持っている訳ではありません。Zach Holmanさんは「ColourLovers」のようなサイトで、デザイナーが勧めるカラーパレットを参考にするといいと言っています。 他の... 続きを読む

センスの良いプレゼン資料にしたいなら、まずは「色」を変えてみよう : ライフハッカー［日本版］

2014/01/31 114 users ライフハッカー センス COLOURlovers 日本版 参考

プレゼン , 仕事術 センスの良いプレゼン資料にしたいなら、まずは「色」を変えてみよう 2014.01.31 11:00 プレゼン資料の見映えをよくするのに、色は重要なポイントですが、色同士を引き立てるような色彩感覚を、誰もが持っている訳ではありません。Zach Holmanさんは「ColourLovers」のようなサイトで、デザイナーが勧めるカラーパレットを参考にするといいと言っています。 他の... 続きを読む

「調和のとれた色」だけを集めたカラーパレットが誰でも簡単に作成できる「Paletta」 - GIGAZINE

2013/08/21 161 users GIGAZINE Paletta プログラマー 調和 皆さん

「特に, とりあえずといって#ff0000赤や#00ff00緑などの極端な色を選びがちなプログラマーの皆さんに使っていただけるといいなぁと思います.」ということで、非常に秀逸で便利なカラーパレットがクリックするだけであっという間に完成するのがプログラマーのためのカラーパレットツール「Paletta」です。 Paletta - HSV Color palette for every Programm... 続きを読む

Paletta - HSV Color palette for every Programmer

2013/08/20 585 users Paletta 色相 彩度 明度 調和

Palettaは顕色系(色相, 明度, 彩度)をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. PCから閲覧している場合は, カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます.　詳しく 続きを読む

デザインする際に使える！10個のweb配色ツール【色の見本】

2013/06/01 562 users 見本 Photoshop 配色 カラ カラースキーム

こんにちは。 デザインにおいて配色の役割は大きく、色1つでWebサイトの印象がガラっとかわることはよくあります。 そこで今日は、配色を決める際に役立つツールを集めてみました。 Color Scheme Designer カラースキームを決められるサービスです。WEBページに落とし込んだ時の、配色のサンプルページなども見れてとても便利です。気に入った配色ができたら、Photoshopのカラーパレット... 続きを読む

地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL | コリス

2013/04/01 166 users コリス ネクタリン submit カラー かなり

HEXCOLORTOOL サイトにアクセスし、「6 DIGIT HEXIDECIMAL」にカラーコードを入力します。 ホワイトを加える場合は「Lighten」、ブラックを加える場合は「Darken」をチェックし、「Submit」ボタンをクリックします。 カラーにネクタリン「ff884e」を入力してみました。 続きを読む

Twitterのデザインをクリックするだけで簡単にいい感じにできる「Themeleon」 - GIGAZINE

2013/01/10 110 users GIGAZINE Twitter COLOURlovers

いろいろなカラーパレットやパターンなどの色彩についてみんなで共有したり投票したり議論したりするサイト「COLOURlovers」が提供しており、Twitterと連動させることでCOLOURloversコミュニティによって練り上げられた高いクオリティのテーマを一発で適用し、さらに細部のカスタマイズも簡単に誰でもできるようになっているのが「Themeleon」です。クリックしていくだけでいとも簡単にT... 続きを読む

素敵な配色を見つける・作る、カラースキーム設計やグラデーション・パターン作成に役立つ -ColRD | コリス

2011/12/05 418 users コリス 配色 グラデーション パターン カラー

さまざまなカラーパレット、グラデーション、パターンを見るだけでなく、作成して共有することもできるColRDを紹介します。 ColRD カラーを見つける カラーを作る カラー作成に役立つツール カラーを見つける まずは、C [...] 続きを読む

PHPで画像からHTMLのカラーパレットを作るサンプルプログラム:phpspot開発日誌

2011/06/22 169 users PHP phpspot開発日誌 HTML サンプルプログラム

Generating a color palette from a image in php PHPで画像からHTMLのカラーパレットを作るサンプルプログラムがcode dieselにて公開されています。 画像を渡せば、GDを使って使われている色を分析し、頻度の多い順に配列で受け取ることができます。 なんらかのWEBサービスやツールに応用することができそうです。 クラスライブラリの形なので再利用も... 続きを読む