カラー名前付きカラーを検索

パレット厳選カラーパレットを閲覧。

パレット作成カスタムパレットを作成 — 色を選び、タグ付けして共有。

色からパレットベースカラーから即座にパレット提案を取得。

カラーハーモニー補色、三色配色などのカラーハーモニーを探索します。

画像から抽出写真から色を抽出

ビジュアライザー実際のデザインモックアップでパレットをプレビュー。

コンポーネントボタン、入力フィールド、バッジなどの基本UI要素をパレットでプレビューできます。

チャート棒グラフ、折れ線グラフ、ドーナツチャートにパレットを適用して確認できます。

見出しタイポグラフィのためのあらゆる背景色とテキスト色の組み合わせを探索できます。

ロゴロゴやワードマークのブランドカラーの組み合わせをテストできます。

アイコンLucideやHeroiconsのマルチカラーアイコンにパレットを適用してプレビューできます。

DaisyUIテーマ任意のベースカラーから完全なDaisyUIテーマを生成します。

Tailwind CSSTailwind CSSカラースケールを作成・プレビューします。

Shadcn UIshadcn/uiデザイントークンにマッピングしたパレットをプレビューできます。

Material 3Material Design 3のダイナミックカラートークンとしてパレットを確認できます。

BootstrapBootstrap 5コンポーネントスタイリングでパレットをプレビューできます。

アプリモックアップリアルなモバイルアプリモックアップで色をプレビューできます。

パターン幾何学的・抽象的なパターンデザインでパレットをプレビューできます。

テンプレートSVGテンプレートレイアウトにパレットを適用してプレビューできます。

カラーピッカー色を選択・変換

コントラストチェッカーWCAGアクセシビリティテスト

色覚シミュレーション色覚異常をテスト

コンバーターHEX、RGB、HSL、CMYK などの色形式を変換。

グラデーション生成CSSグラデーションを作成

ロゴジェネレーターロゴとアイコンで色をテスト

マイパレットカラーパレットを保存、整理し、フレームワークトークンを割り当てます。

言語を選択

ツール

カラー名前付きカラーを検索

パレット厳選カラーパレットを閲覧。

パレット作成カスタムパレットを作成 — 色を選び、タグ付けして共有。

色からパレットベースカラーから即座にパレット提案を取得。

カラーハーモニー補色、三色配色などのカラーハーモニーを探索します。

画像から抽出写真から色を抽出

ビジュアライザー実際のデザインモックアップでパレットをプレビュー。

コンポーネントボタン、入力フィールド、バッジなどの基本UI要素をパレットでプレビューできます。

チャート棒グラフ、折れ線グラフ、ドーナツチャートにパレットを適用して確認できます。

見出しタイポグラフィのためのあらゆる背景色とテキスト色の組み合わせを探索できます。

ロゴロゴやワードマークのブランドカラーの組み合わせをテストできます。

アイコンLucideやHeroiconsのマルチカラーアイコンにパレットを適用してプレビューできます。

DaisyUIテーマ任意のベースカラーから完全なDaisyUIテーマを生成します。

Tailwind CSSTailwind CSSカラースケールを作成・プレビューします。

Shadcn UIshadcn/uiデザイントークンにマッピングしたパレットをプレビューできます。

Material 3Material Design 3のダイナミックカラートークンとしてパレットを確認できます。

BootstrapBootstrap 5コンポーネントスタイリングでパレットをプレビューできます。

アプリモックアップリアルなモバイルアプリモックアップで色をプレビューできます。

パターン幾何学的・抽象的なパターンデザインでパレットをプレビューできます。

テンプレートSVGテンプレートレイアウトにパレットを適用してプレビューできます。

カラーピッカー色を選択・変換

コントラストチェッカーWCAGアクセシビリティテスト

色覚シミュレーション色覚異常をテスト

コンバーターHEX、RGB、HSL、CMYK などの色形式を変換。

グラデーション生成CSSグラデーションを作成

ロゴジェネレーターロゴとアイコンで色をテスト

マイパレットカラーパレットを保存、整理し、フレームワークトークンを割り当てます。

デザイナーと開発者のための高度なカラーツール。すべての処理はブラウザ内で行われます。

色を選ぶ

カラーパレット

パレットを作る

パレット作成色からパレットカラーハーモニー画像から抽出

実際に見る

ビジュアライザーコンポーネントチャート見出しロゴアイコン DaisyUIテーマ Tailwind CSS Shadcn UI Material 3 Bootstrap アプリモックアップパターンテンプレート

その他のツール

カラーピッカーコントラストチェッカー色覚シミュレーションコンバーターグラデーション生成ロゴジェネレーターマイパレット

リソース

法的情報

利用規約プライバシー Cookie

© 2026 Qolor. All rights reserved.

利用規約プライバシー Cookie

#EA779A

Palevioletred · Pink

Inspiration Textures Patterns Vectors Palettes Gradients Codes Details

Inspiration

他 +5 件を近日追加

Surfaces & Textures

他 +1 件を近日追加

Patterns

他 +9 件を近日追加

Vector Elements

Icon Set

Abstract Shapes

Geometric

Rings

Line Art

Emblem

カラーハーモニー

#EA779A

#77EAC7

complementary2 colors

#C777EA

#EA77D4

#EA779A

#EA8D77

#EAC777

analogous5 colors

#EA779A

#9AEA77

#779AEA

triadic3 colors

#EA779A

#77EA8D

#77D4EA

split complementary3 colors

#EA779A

#EAC777

#77EAC7

#779AEA

tetradic4 colors

#EA779A

#D4EA77

#77EAC7

#8D77EA

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

色変換

パレットを生成

Details

コントラストチェッカー

Aaon 白

2.76:1不合格

AAAA LgAAAAAA Lg

Aaon 黒

7.60:1許容

AAAA LgAAAAAA Lg

コントラストチェッカーを開く

色覚異常シミュレーション

1型色覚異常#8A8E9B

2型色覚異常#A7A497

3型色覚異常#FB6E84

全色覚異常#9C9C9C

色覚異常シミュレーションを開く

バリエーション

ティント

#EE87A5

#F296B0

#F5A6BB

#F8B5C6

#FAC4D1

#FCD2DC

#FDE1E8

#FEF0F3

シェード

#CD6988

#B15C76

#964F64

#7C4253

#623643

#4A2A33

#331F24

#1D1316

トーン

#DF7997

#D37B94

#C87C91

#BC7E8E

#B17F8B

#A57F89

#998086

#8D8083

関連色

Peony

Guava

Strawberry

Flamingo

Blush

Hot Pink

Hotpink

Punch