UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors
WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。 The good colors The good colorsは、OKLCH色空間を使用してカラーパレットを作成できるオンラインツールです。OKLCH色空間とは、明度（Lightness）、彩度（Chrome）、色相（Hue）の値で構成されるカラーで、LCHに比べて色相と彩度の均一性が改善された色空間です。そのため、明度と彩度が一貫された知覚的変化が保証されます。 OKLCH色空間を使用したカラーパレット 使い方は、簡単です。 「Lightness」と「Chrom
注目のWebデザイン用AIツール！ テキスト入力でWebサイトやスマホアプリ向けのカラーパレットをすぐに生成 -AI Colors
テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。 AI Colors AI Colorsの特徴 AI Colorsの使い方 AI Colorsを使ってみた AI Colorsの特徴 AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。 利用にあたっては無料で、登録なども必要ありません。
画像生成AI Midjourney（ミッドジャーニー）とChatGPTの組み合わせ最強説
画像生成AIに興味はあるけど、どうすれば魅力的な仕上がりにできるかお困りの方へ。 このガイドはMidjourneyコミュニティーや、Twitterなどで話題のプロンプトを中心に、実際に試しながら「これは使える！」、と感じた小技やポイントをまとめています。 デッサンや写真撮影のスキルがなくても、誰でも画像生成をはじめることができます。 映画「トップガン」を彷彿とさせる、夕日をバックに飛行するファイタージェット 自分のDiscordサーバーを作成し、カテゴリを分類する方法 大前提としてMidJourneyの画像生成は、Discordサーバーを介して行います。 つい先日、驚異的な需要と無料トライアルの乱用によって、Midjourney無料トライアルは終了。 タイムラインが他のフィードで埋まってしまい、作業がしにくいというデメリットもあります。 自分専用のDiscordサーバーを作成することで、独
配色ツール決定版、大量の制作サンプルで完成をイメージしやすい Palette Maker
オンラインには、たくさんの配色カラーパレットツールがあり、どれも魅力的で美しい色の組み合わせを見つけることができます。 しかし、気に入った配色をダウンロードして、いざデザインに落とし込んでみると、「あれ？思ってた感じと違う・・」、なんて経験は誰もが一度はあるでしょう。 そんな悩みを一発で解決してくれる、新しい配色ツール Palette Makerを今回はご紹介します。 お好みの配色をクリックで選ぶだけで、大量の制作サンプル例で色味を確認することができ、本当に必要なカラーパレットを直感的に選ぶことができます。 大量の制作サンプルで完成をイメージしやすい配色カラーツール Palette Maker このツールは、ロゴデザインやUI／UXデザイン、ポスター、イラストなどクリエイティブな分野の大量のデザイン例をつかって、お好みのカラーパレットの色合いを確認、検証できる、色好きのためのユニークなツー
おしゃれ配色パターンを一発作成！アイデアが湧くカラーツール Huemint
配色えらびは、デザインの中でももっとも頭を悩ますひとも多いでしょう。 これまでにもさまざまな配色ツールをご紹介してきましたし、または誕生日カラーを参考にしたり、という方法もあるでしょう。 しかし、気に入った配色を見つけて実際にデザインに取り入れてみると、「思ってたのと、なんか違う。」という経験は誰もが一度はあるでしょう。 そんな問題を解決できる、画期的な配色ツール Huemint を今回はご紹介します。 Huemint、何がすごい？ Huemint は、ボタンをクリックするたびに美しい配色カラーパレットを自動生成できる、新しいオンラインツールです。 これだけであれば、人工知能をつかった配色ツールもあるでしょう。 ただし、このツールの他にはない強みがずばり、決めた配色を用途に応じたサンプル例で試すことができる点でしょう。 ブランディング向けのユニークな配色えらび 「Generate」ボタンを
グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法
美しい色を選んだのに、グラデーションがくすんでしまうことはありませんか？ 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するためにどうすればよいのか、紹介します。 Photoshopなどのデザインツールだけでなく、CSSのグラデーションにも使用できるテクニックです。 The “Gray Dead Zone” of Gradients 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カラーのグラデーションについて、Erik D. Kennedy氏が興味深い現象を指摘しています。2つのカラーを使用したグラデーションで、その2つのカラーを結ぶ線がカラースペース内で彩度ゼロの中央を通ると、グラデーションに「グレーのデッドゾーン」が生じます。
濁りなし！美しいグラデーションの基本ルールとCSSオンラインツール
デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基本ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター！美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう？ グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅
【2024】おしゃれな配色パターンが見つかる！カラーパレット人気ツール30個まとめ | Web Design Trends
配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流
表情やポーズも変更できる、人物のイラスト素材が登場！商用でも完全無料の太っ腹ライセンス -Open Peeps
笑顔でこんなポーズ、泣き顔でこんな仕草、希望通りのイラスト素材が完全無料で商用利用できるOpen Peepsを紹介します。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、ポーズ、動作などさまざまなパーツを組み合わせて、584,688通りのキャラクターを作成することができます。 Open Peeps Open Peepsの特徴 Open Peepsのダウンロード Open Peepsのイラストライブラリ Open Peepsの特徴 Open Peepsは商用でも個人でも完全無料で利用できるイラストのライブラリで、ライセンスはCC0です。 イラストはすべて手描きのベクターで、さまざまなパーツを組み合わせることで584,688通りのキャラクターを作成することができます。アプリは、Adobe XD、Sketch、Figma、Studioをサポートしています。
Finding Colors: 5 Tools for Great Color Concepts - noupe
Colors play a significant role when it comes to design. However, not everyone can create coherent, suitable color concepts. Thus, there's a bunch of web applications that help you find appropriate color combinations. Monochromatic colors can be compiled just as well as complementary colors. Partially, the tools are different from the outset. Adobe Color CC Adobe Color CC certainly is the most popu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーイラスト素材集 KuKuKeKe
便利なイラスト素材が登場！表情や髪型、さまざまなパーツを組み合わせて使用できる人物イラスト素材 -Wrrooom!
Leonardo
ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」
デザインにもどんどん人工知能がすごいぞ！ディープラーニングで、フォントの最適な組み合わせをつくりだす
業種やデザインのテイストにあったカラー、色の組み合わせ、フォントが分かる！ロゴのデザインに便利なツール | コリス