カラーパレットジェネレーター
補色、類似色などで基本色から美しいカラーパレットを生成
Base Color
Complementary
:root {
--color-1: #6366f1;
--color-2: #f2ef64;
}Analogous
:root {
--color-1: #64adf2;
--color-2: #6366f1;
--color-3: #a864f2;
}Triadic
:root {
--color-1: #6366f1;
--color-2: #f26467;
--color-3: #67f264;
}Split-Complementary
:root {
--color-1: #6366f1;
--color-2: #f2a864;
--color-3: #adf264;
}Monochromatic
:root {
--color-1: #080a5e;
--color-2: #0e11a4;
--color-3: #1418eb;
--color-4: #5b5df1;
--color-5: #a1a3f7;
}Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, split-complementary, and monochromatic — from any base color. Get HEX and RGB values for all colors.
Color harmony types explained
Complementary
Two colors opposite each other on the color wheel. High contrast, vibrant — great for buttons and CTAs.
Analogous
Three colors adjacent on the wheel. Low contrast, harmonious — great for backgrounds and illustrations.
Triadic
Three colors equally spaced on the wheel. Balanced and colorful — good for playful, energetic designs.
Monochromatic
Shades, tints, and tones of one hue. Elegant and cohesive — ideal for minimalist or branded designs.
さらに探す
おすすめのその他の 開発者ツール…
JSONフォーマッター
構文ハイライトとエラー検出でJSONを整形、検証、圧縮
Base64エンコーダー/デコーダー
テキストやファイルをBase64にエンコードし、Base64文字列を読めるテキストにデコード
URLエンコーダー/デコーダー
URLコンポーネントとクエリ文字列パラメータをエンコード・デコード
UUIDジェネレーター
ランダムUUID（v1、v4）を生成するか、複数のUUIDを一括生成
ハッシュジェネレーター
テキストやファイルからMD5、SHA-1、SHA-256、SHA-512ハッシュを生成
正規表現テスター
リアルタイムのマッチハイライトとグループ抽出で正規表現をテスト
JWTデコーダー
JSON Web Tokenをデコードして検査 — ヘッダー、ペイロード、署名を確認
HTMLフォーマッター
適切なインデントと構文ハイライトでHTMLコードを整形・美化