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

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

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

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

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

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

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

コンポーネントボタン、入力フィールド、バッジなどの基本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

#F696BC

Carnation · 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

カラーハーモニー

#F696BC

#96F6D0

complementary2 colors

#D096F6

#F696EC

#F696BC

#F6A096

#F6D096

analogous5 colors

#F696BC

#BCF696

#96BCF6

triadic3 colors

#F696BC

#96F6A0

#96ECF6

split complementary3 colors

#F696BC

#F6D096

#96F6D0

#96BCF6

tetradic4 colors

#F696BC

#ECF696

#96F6D0

#A096F6

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

色変換

パレットを生成

Details

コントラストチェッカー

Aaon 白

2.10:1不合格

AAAA LgAAAAAA Lg

Aaon 黒

10.01:1良好

AAAA LgAAAAAA Lg

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

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

1型色覚異常#A1A9BD

2型色覚異常#B9B9BA

3型色覚異常#FF92A3

全色覚異常#B3B3B3

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

バリエーション

ティント

#F8A2C3

#FAAECB

#FBBAD2

#FDC5D9

#FED1E1

#FEDCE8

#FFE8F0

#FFF4F7

シェード

#D884A5

#BA738F

#9D6279

#815264

#664250

#4D323C

#34242A

#1D1618

トーン

#E994B5

#DC92AE

#CF90A8

#C28EA1

#B58B9A

#A88994

#9A868D

#8D8386

関連色

Flamingo

Taffy

Ballet Slipper

Hot Pink

Cotton Candy

Sakura

Hotpink

Lightpink