● オンライン
Supa Palette

Figma プラグイン のための 生成 accessible パレット を使った 14 色 systems, コントラスト checking, と マルチフォーマット エクスポート のための デザインシステム.

プロダクト概要

カラーシステム: カスタムモード(例: ライト/ダークテーマ)付き14のシステム(Tailwind、Material UI、Radix)を統合 正確なカラースケールのイージングエディター、グラデーションの色相にカラーshiftツール スマートサジェスト付きコントラストチェッカー(APCA/WCAG 2.1) Figma統合: 変数として保存、ドキュメントガイドを自動生成

こんな方に最適

リソース ライブラリ: 30K+ pre-made パレット, 5 色 spaces (含む LCH/OKLCH) AI Capabilities: Beta semantic tokens mappedに人気 テンプレート 経由 OpenAI エクスポート Formats: Figma Tokens, Chakra UI, Tailwind, と もっと

主な機能

  • レディメイド UIコンポーネント
  • Figma/Sketch/XD formats
  • レスポンシブ layouts
  • カスタマイズ可能 デザイントークン

メリット

  • +すぐに使えるテンプレート
  • +カラーパレット生成
  • +CSS/デザインツールにエクスポート
  • +アクセシビリティのコントラスト確認

デメリット

  • -色の生成のみ対応
  • -学習コストが必要な場合あり

/// スペック

  • 価格:
    Free
/// 関連ツール
ColorHuddle

ColorHuddle

パレット ツール を使った ライブ examples, 提供 copyable 色 codes と landing page previews, completely 無料.

RandomA11y

RandomA11y

accessible 色 combo generator producing WCAG/APCA-compliant contrasts を使った マルチフォーマット values と CSS コード.

Grabient

Grabient

グラデーション generator と パレット finder を使った theme-ベース グラデーション schemes, supporting theme switching と 無料 アクセス.

Gradient Hunt

Gradient Hunt

無料, 開く プラットフォーム のための 共有 数千の handcrafted グラデーション を使った one-click コード copying.

WebGradients

WebGradients

無料, 開く プラットフォーム のための 共有 数千の handcrafted グラデーション を使った one-click コード copying.

Color Pal

Color Pal

Presumedにである カラーピッカー と パレット generator supporting 色 extraction と マルチフォーマット 変換 (inferred から 類似 ツール).

Color Selector

Color Selector

プロフェッショナル 色 selection ツール supporting マルチフォーマット 変換, パレット generation, と 色 matching suggestions.

Mesh Gradients

Mesh Gradients

無料 mesh グラデーション コレクション を使った 100 presets, マルチフォーマット ダウンロード, と rainbow/pastel/natural styles.

Color Leap

Color Leap

historical カラーパレット ツール showcasing 色 から 異なる periods spanning 2000BCに1960s.

Colorspace

Colorspace

色 スペース ツール 生成 グラデーション 色 scales のための 特定 hues を使った chroma と lightness adjustments.