🎨 1つのツールキットで
あらゆるデザイン作業を

パレット生成

単色、補色、類似、および 3 つのモードを使用して、調和のとれた配色を作成します。 CSS エクスポートによるリアルタイム プレビュー。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎨 パレット生成

カラーパレット生成ガイド

カラー パレットは、視覚的な調和を生み出すためにデザイン プロジェクトで使用される色のコレクションです。当社のパレット ジェネレーターは、補色、類似、三色、単色の関係などの色彩理論の原則を使用して、プロフェッショナルな配色を作成するのに役立ちます。

ジェネレーターを使用するには: カラー ピッカーを使用してベース カラーを選択し、配色タイプを選択し、バリエーション スライダーを調整して色の違いの程度を制御し、16 進数の値をコピーするか、プロジェクトの CSS 変数としてエクスポートします。

Pro Tips

Frequently Asked Questions

Q: カラーパレットとは何ですか?
カラーパレットとは何ですか?カラー パレットは、デザイン内で連携するために選択された色のセットです。
Q: パレットには何色が必要ですか?
パレットには何色が必要ですか?ほとんどのプロ仕様のパレットは、原色 1 色、副色 1 色、アクセントカラー 1 ~ 2 色、ニュートラルカラーの 3 ~ 5 色を使用します。
Q: 生成されたパレットを商用プロジェクトに使用できますか?
生成されたパレットを商用プロジェクトに使用できますか?はい、designtool.tools によって生成されたすべてのパレットは、商用作品を含むあらゆるプロジェクトで無料で使用できます。出典は必要ありません。
Q: パレットをデザイン ツールにエクスポートするにはどうすればよいですか?
パレットをデザイン ツールにエクスポートするにはどうすればよいですか? [CSS エクスポート] ボタンを使用して CSS カスタム プロパティをコピーし、スタイルシートに貼り付けます。 Figma の場合は、16 進数の値をコピーし、カラー スタイルを手動で作成します。
Q: 三項配色と四項配色の違いは何ですか?
三項配色と四項配色の違いは何ですか? Triadic は、カラー ホイール上で等間隔に配置された 3 つの色を使用し、鮮やかなコントラストを作り出します。 Tetradic は 4 つの色を使用して 2 つの補色ペアを形成し、より多様性を提供しますが、注意深いバランスが必要です。

日本の伝統色・和色

和色は平安時代の襲(かさね)の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。

山吹色 #F8B500

山吹の花に由来する黄金色。JIS慣用色名

撫子色 #EEA9A9

ナデシコの花の淡いピンク。平安時代から愛される

浅葱色 #00A3AF

新選組の羽織で有名な青緑色

茜色 #B7282E

茜草の根から染めた深い赤。夕焼けの色

若草色 #C3D825

春の新芽を思わせる明るい黄緑

瑠璃色 #1E50A2

仏教の七宝「瑠璃」に由来する深い青

桜色 #FEF4F4

桜の花びらのようなごく淡いピンク

藤色 #BBBCDE

藤の花の淡い紫。春の代表色

常磐色 #007B43

常緑樹の深い緑。永遠を象徴する

小豆色 #96514D

小豆に由来する渋い赤褐色

Q: 和色とは何ですか?
和色とは何ですか?和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか?
山吹色はどんな色ですか?山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。