カラー

UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate

2025/10/28(Tue) 08:56

WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-accessible-color-schemes-colormate.html

これなら簡単で便利！ 色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツール -Kigen Color Generator

2025/10/17(Fri) 08:56

指定したカラーをベースにシェードのバリエーションを生成し、色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツールを紹介します。このツールのUIも非常に洗練されており、操作性も非常に快適です。

https://coliss.com/articles/build-websites/operation/work/kigen-color-generator.html

UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly

2025/09/17(Wed) 09:00

UIデザインでカラーを決めるときに、カラーのコントラストを確認することは必須です。コントラストをチェックできるツールはたくさんありますが、Tailwinds CSSのカラー、16進数コンバーター、コントラストの確認がひとまとめになった便利ツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/tailwind-colors-contrast-checker.html

モダンCSSで実装された、UIデザイン用の美しいグラデーションとジオメトリックの背景パターン -Pattern Craft

2025/09/04(Thu) 08:53

Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あらゆるサイズで利用できます。

https://coliss.com/articles/build-websites/operation/css/css-pattern-craft.html#google_vignette

あの海外セレブも愛用!? 和田三造の配色帳を完全再現【全348パターン】

2025/08/08(Fri) 08:57

「えっ、あのブラッド・ピットやファレル・ウィリアムスが“和の色”にインスパイアされてるって…本当!?」そんな噂をきっかけに、ひとつの色彩ワールドにたどり着きました。90年前の日本で生まれた伝説の配色帳を、いまの時代に“サクッとコピペで使える”ようにしたのが、今回の配色ツール「和田三造 配色事典」。

https://photoshopvip.net/166993

高級感ただよう大人カラー15選🌙洗練された配色レシピ

2025/06/10(Tue) 09:05

シンプルなのに上品、控えめなのにどこか印象に残る。そんな“大人の余裕”を感じさせる配色って、実はなかなか見つかりません。今回は、高級感をただよわせる15の大人カラーを厳選してご紹介します

https://photoshopvip.net/166017

ふわっと美しい、癒しメッシュグラデーション配色12選✨

2025/06/05(Thu) 08:57

やわらかい光がにじんだような、不思議と心が落ち着く“メッシュグラデーション”の世界。今回は、やさしいトーンと透明感を大切にした12のグラデーション配色をピックアップ。実際のデザインで使えるよう、各パレットには5色のHEXカラーコードも付けて紹介しています。

https://photoshopvip.net/165928

UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator

2025/04/24(Thu) 08:59

UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります。ほとんどのツールを使用しても、これらの要件を満たせるものは数が少ないです。

https://coliss.com/articles/build-websites/operation/design/accessible-color-palette-generator.html

AIだと簡単で便利！ UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic

2025/03/28(Fri) 08:50

AIを使って日本語テキストや画像からカラーパレットやグラデーションやUIコンポーネントを生成してくれるツールColorMagicの日本語版が登場したので、紹介します。

https://coliss.com/articles/build-websites/operation/design/ai-color-palette-generator.html

メッシュグラデーション完全ガイド：魅せるデザインの新常識

2025/02/26(Wed) 09:06

最近グラフィックやWebデザインでよく見かけるようになり、注目を集めているテクニックがあります。それが 「メッシュグラデーション」 です。メッシュグラデーションは、通常のグラデーションとは異なり、複数の色が溶け合っているような、幻想的なビジュアル効果を持つデザイン手法です。

https://photoshopvip.net/162936