2026年03月3日(火)

OKLCHカラーを使うと異なる色でトーンを合わせたり、単色のシェードも簡単！ UIデザイン用のカラーパレットを生成するツール -ColorPalette Pro

• 0
• 0
• 1
• 0

見た目はDTMツールですが、中身はOKLCHカラーでUIデザイン用のカラーパレットを生成できる無料ツールを紹介します。

ベースカラーを指定するだけで、6色で構成される美しいカラーパレットを瞬時に生成します。色相環を元にしたカラーパレット、ライトモードとダークモードのUIに適したカラーパレット、アルゴリズムで調整したカラーパレットなど、その機能も非常に豊富です。

ColorPalette Pro

UIデザインにOKLCHカラーがなぜ適しているのかは、下記をご覧ください。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

CSSのハックやベンダープレフィックスなどの古い記述方法をチェックしてくれる「ReliCSS」

         

NEXT ›

               

再利用しやすく構造化されたコンポーネントシステムを提供するTailwind向けフレームワーク・「Hummingbird」

関連記事

• これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro
• すごく分かりやすい！ デザインにおけるトーン＆マナーの考え方、揃え方を詳しく解説したデザイン書 -トンマナの基本
• ソシム社冬の大感謝祭、Kindle本の特大セールが開催！ 人気のデザイン書・Web制作の解説書が51％オフで超お買い得です
• 今、注目のイラストレーターがこれでわかる！ 総勢158名の作品を集めたイラスト年鑑 -GREATEST ILLUSTRATIONS!!
• 商用でも完全に無料！ クレジットも不要、日本人向けの生成AI時代ならではの新しい写真素材サイト -Studio.Stock

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『OKLCHカラーを使うと異なる色でトーンを合わせたり、単色のシェードも簡単！ UIデザイン用のカラーパレットを生成するツール -ColorPalette Pro』についてまとめています。

この記事は特にアイコン・SVG・ダウンロードについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。