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

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

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

注目のWebデザイン用AIツール！ テキスト入力でWebサイトやスマホアプリ向けのカラーパレットをすぐに生成 -AI Colors

2023/04/20 25 users 生成 カラ クール テキスト AIツール

テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラ... 続きを読む

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

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

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

便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev

2022/12/22 17 users カラーピッカー GitHub CodePen Chrome

Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChromeの便利な機能拡張を紹介します。 SuperDevはオープンソースで開発されており、SuperDev -GitHubでコー... 続きを読む

ブックマークしておくと便利！ 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成する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では、これまでデザインフレームワークによってあらかじめ指定されていたカラーパレットから色を選ぶのではなく、「あなた自身のパーソナルカラーを基に、デザイナ... 続きを読む

FigmaでWebサイトやスマホアプリのデザインシステムを制作する手順を解説 | コリス

2021/04/06 15 users figma コリス コラボレーションツール タイポグラフィ

UI/UXデザインのコラボレーションツール「Figma」で、Webサイトやスマホアプリのデザインシステムを制作する手順を紹介します。 カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figmaでデザインシステムに必要なものをどのように制作するか解説します。 Creating a Design System in... 続きを読む

2021年のトレンドカラーは2色の組み合わせ！カラーパレットのサンプルも | Web Design Trends

2021/01/18 6 users サンプル Web Design Trends イエロー 発表

毎年12月ごろにPantoneから発表されているカラーオブザイヤーですが、2021年は、イエローとグレーの2種類がトレンドカラーとして選ばれました。 今回は、それぞれの色に関する情報や、トレンドカラーを使ったカラーパレットなどをご紹介したいと思います。 2021年のトレンドカラーは2つの色の組み合わせ PANTONEから発表... 続きを読む

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

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

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

印象的な色の組み合わせを探せるカラーパレット集「colors.lol」 - GIGAZINE

2020/04/05 8 users GIGAZINE ランダム 想像 範囲 印象

デザインをする上で人への印象を左右する「色」の選択は非常に重要ですが、自分の想像の範囲を超えた色の組み合わせを見つけるのは難しいもの。Twitterボットの「@colorschemer」はランダムに色と言葉を組み合わせてカラーパレットを投稿しており、ボットゆえに人が想像しなかった組み合わせを生み出しています。そんな@... 続きを読む

簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette | コリス

2019/09/24 20 users figma AdobeXd コリス Sketch 濃淡

最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyPalette CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンライン... 続きを読む

Adobe XD用の高機能な無料カラーツール、UIデザインに適した色の組み合わせを生成する優れもの -Color Designer | コリス

2019/07/21 45 users コリス カラーホイール Color Designer 高機能

Adobe XDを使っていて、カラー周りの機能を強化したい人にお勧めの無料プラグインを紹介します。 作成しているUIデザインからカラーパレットを生成し、ベースカラーにホワイトやブラックを加えたカラーパレット、カラーホイールに基づいた色の組み合わせなどを生成する優れものです。 Color Designer for Adobe XD Color... 続きを読む

グラフの配色をサポートするツール「COLORS」をリリースします｜PowerPoint Design

2019/02/07 28 users 出来合い colors 配色 調節 グラフ

プレゼン資料の色選びの中でも意外に奥が深く、調節が難しいのがグラフです。グラフ作成ツールの自動配色がしっくりくることはそうありませんし、出来合いのカラーパレットでは、その時々で要素やグループの数が変化するグラフにうまく対応しきるのは困難でしょう。そこで当サイトではグラフの配色をサポートするツール... 続きを読む

色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス

2019/02/04 62 users 適用 要素 ベース 組み合わせ オンラインツール

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -... 続きを読む

無料で統一感のある実用的なカラーパレットを論理的に分析・作成・編集できる「Palettte App」 - GIGAZINE

2019/01/28 37 users ウェブサイト GIGAZINE ツール スペースキー アプリ

ウェブサイトやアプリのUIを作る時には、スッキリと見やすい色使いでページを構築することが重要です。スペースキーを押すだけでさまざまなカラーパレットを生成してくれるツールや、写真や画像からカラーパレットを作るアプリを用いて、サイト構築に使用するカラーパレットを作るという人も多いはず。ウェブデザイナー... 続きを読む

こんな色の組み合わせもあるんだ！さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor | コリス

2018/09/26 19 users 配色 コリス イラスト テーマごと ビジネス

カラーパレットがまとめられているサイトはいくつかありますが、今回紹介するのはデザインやイラスト、ビジネスにも使えるさまざまなテーマごとに充実したカラーパレットが揃っており、完全無料でダウンロードできる優れものです。 配色に悩んだ時の助けになる、色の組み合わせがすぐ分かる便利なサイトを紹介します。 S... 続きを読む

色のセンスがない人でも大丈夫、色を段階的に変化させるカラーパレットを簡単に作成できる便利ツール | コリス

2018/08/22 30 users 色相 コリス 彩度 明度 同一色相

Webデザインでも最近は、同一色相でトーンに変化をつけた色の組み合わせを使用するデザインが増えてきました。単に明るい・暗いの明度だけでなく、彩度や色相を段階的に変化させてカラーパレットを作成できるオンラインツールを紹介し...記事の続きを読む 続きを読む

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

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

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

指定したWebページから、PhotoshopやSketchのカラーパレットを生成できるChromeの機能拡張 -Site Palette | コリス

2018/04/08 44 users スウォッチ コリス Sketch Illustrator

指定したWebページから、使用されているカラーを抽出し、カラーパレットを生成するChromeの機能拡張を紹介します。 Photoshop, Illustrator, Sketch用のスウォッチも作成できるので、かなり便利です。 続きを読む

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

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

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

カラースキーム作成に便利な14のツール | UX MILK

2018/01/05 53 users UX MILK ツール ソフトウェアデベロッパー Nick

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事は こちら をご参照ください。 デザイナーが使う手段の中で、「色」はもっとも強力なツールの１つです。同時に、色という概念は習得するのが難しくもあります。色の組み合わせが無数にある中で、サイトやアプリに使用する色を決めるのは骨の折れる作業です。 そこで作業を簡単にするために、カラーパレットを決める際... 続きを読む

GoogleカレンダーのWeb版がデザインを一新 | TechCrunch Japan

2017/10/18 93 users 一新 TechCrunch JAPAN ウインドウサイズ

事実上同じデザインを数年間続けていたGoogleカレンダーが 今日大きく模様替えした 。真新しいカラーパレットとGoogleのマテリアルデザインにマッチしたデザインスキーム、そして ―― もっと重要なのは ―― ブラウザーのウィンドウサイズに応じて自動調整されるレスポンシブ・レイアウトになったことだ。 このアップデートは単にペンキを塗り替えただけでなく、サービスを少しでも使いやすくするための機能改... 続きを読む

配色えらびも人工知能の時代！素敵なカラーパレットを自動生成できるツール Khroma - PhotoshopVIP

2017/09/28 72 users PhotoshopVIP 配色えらび 人工知能 精度 お好み

デザインに欠かせない 配色選び は、デザイナーにとって頭を悩ませる問題のひとつ。もしコンセプトにあった色の組み合わせを素早く、しかもたくさんのサンプル案と一緒に確認できるとしたら？ Khroma は、そんなデザイナーの想いを人工知能をつかって解決したオンライン配色ツールです。お好みの色を追加することで、より精度の高い組み合わせを実現できる、まさに 「育てる」配色ツール と言えます。 Khroma ... 続きを読む

写真やイラストを1クリックするだけ！配色につかえるカラーパレットを作成するSketchの機能拡張 -Alembic | コリス

2017/09/08 26 users コリス Sketch レイヤー 配色 サー

写真やイラストなどを配置したレイヤーを1クリックするだけで、そのレイヤーに使われている主要なカラーを抽出し、カラーパレットを作成するSketchの機能拡張を紹介します。 画像からカラーを抽出するのはいろいろなツールやサー ...記事の続きを読む 続きを読む

［ウェブサービスレビュー］キーワードからイメージカラーを導き出す「色色」 - CNET Japan

2017/05/20 17 users 単語 ウェブサービスレビュー CNET Japan もと 知識

内容： 「色色」は、入力した単語のイメージに合った色を自動的にピックアップし、カラーパレットを出力してくれるサービスだ。あるキーワードをもとにデザインを起こす際、そのキーワードについての知識が一切なくとも、イメージに合致する色を手軽に得ることができる。 「色色」は、入力した単語のイメージに合った色を自動的にピックアップし、カラーパレットを出力してくれるサービスだ。あるキーワードをもとにデザインを起... 続きを読む