MAC のカラーワークベンチ

Weeko Color

画面の色を、デザインとコードへ。

画面のピクセルを正確に取得し、22 種類の開発形式へ変換。トーンと配色を作り、WCAG コントラストまで 1 つの macOS ワークスペースで確認できます。

ワークフローを見る
採色、形式変換、コントラスト解析はこの Mac 上で完結します。
正確なスクリーンピッカー22 種類の出力形式10 段階のトーンWCAG コントラスト確認
22種類のデザイン・開発形式
10段階のラベル付きトーン
4種類の自動配色
ローカルでカラー処理を実行

採色、調整、実装

1 つのピクセルから、使える色の判断まで一直線

Weeko Color は採色、変換、配色、アクセシビリティ確認を 1 つの流れにまとめます。
  1. 画面のピクセルを取得

    複数ディスプレイでもライブ拡大鏡を使い、クリックで確定、Esc でキャンセルできます。

  2. 組み立てて検証

    トーンや配色を生成し、文字色と背景色を WCAG の基準で確認します。

  3. コピーまたは保存

    選択した開発形式をコピーし、お気に入りへ保存するか、ローカルライブラリを JSON で書き出します。

1 つの色を、多くの環境へ

いつものツールに合わせた 22 種類の形式

既定のコピー形式を選び、結果をリアルタイムで確認。履歴、お気に入り、生成色、解析結果で同じ出力方式を使えます。
Web / CSS

CSS HexRGBAHSLADisplay P3LabOKLCH

Android / Flutter

Android XMLJetpack Compose ColorFlutter Color

Apple

SwiftUI ColorUIColorNSColor

HarmonyOS

ArkUI ColorArkUI Hex

Python

Python TuplePython String

その他の環境

Java Color.NET ARGBOpenGL RGBUnity ColorRaw RGBRaw Float

コピー前に Alpha 値、透明チェッカー、Display P3 の色空間情報を確認できます。

スクリーンピッカーと形式

狙ったピクセルを読み、必要な値をそのままコピー

ライブ拡大鏡、明瞭なグリッド、複数ディスプレイ対応、sRGB / Display P3 情報の保持で、採色を確実にします。

ライブピクセル拡大鏡

グリッド、HEX、RGB を同時に確認し、ホイールやトラックパッドで倍率を調整できます。

自分に合うピッカー

3 形状、3 サイズ、6 段階の初期倍率、4 段階のサンプリング品質から選べます。

色空間を保持

sRGB / Display P3 情報を保ち、明暗に応じて文字とターゲット表示を自動調整します。

文脈付きでコピー

開発形式、Alpha、透明チェッカー、P3 バッジを確認してからコピーできます。

01

実際のディスプレイ環境に対応

複数画面をまたいでポインタを追い、どの倍率でも対象ピクセルを明瞭に保ちます。

拡大鏡とグリッド

ライブピクセル、HEX、RGB を同時に確認します。

すばやい操作

クリックで確定、Esc で取消、ジェスチャーで倍率を変更します。

明暗へ自動対応

文字とターゲット枠を読みやすい色へ切り替えます。

色空間を保持

sRGB / Display P3 情報を結果に残します。

02

作業に合わせて調整

形状、サイズ、ズーム、品質、効果音、フローティング詳細を個別に設定できます。

3 形状と 3 サイズ

円、長方形、角丸長方形と、小・中・大。

6 倍率と 4 品質

ディスプレイに合う初期設定を保存します。

履歴の選択

20、50、100 件を保存、または既存項目を残して新規記録を停止します。

Alpha と P3

透明度、チェッカー、P3 バッジをコピー前に表示します。

配色ツール

1 つのベースカラーから、説明できるカラーシステムへ

10 段階のトーン、6 種類の彩度変化、4 種類の配色を生成し、元の色と用途を見失いません。

10 段階のトーン

50 から 900 の HEX と、背景、境界、文字、ブランド向けの用途提案を生成します。

6 種類のトーン変化

色相を保ちながら、穏やかな低彩度から強いアクセントまで作成します。

4 種類の配色

補色、類似色、トライアド、分裂補色を生成します。

実装へすぐ移行

提案された変数名をコピーし、生成色を 22 形式で出力できます。

01

用途を持つトーンマトリクス

ベースカラーからラベル、HEX、用途提案付きの 10 段階を生成します。

50 から 900

明るい色から暗い色まで 10 段階で構成します。

用途提案

背景、境界、補助テキスト、ブランド、本文を区別します。

ベース情報

HSB を確認し、履歴やお気に入りから切り替えます。

変数名

コード向けの名前を生成してコピーします。

02

変化と配色

6 種類の彩度変化と 4 つの色関係を個別に確認してコピーできます。

穏やかさと強調

低彩度の背景色と高彩度のアクセントを作ります。

補色と類似色

強い対比または統一感のある組み合わせを生成します。

トライアド

離れた 3 色相で広いシステムを作ります。

分裂補色

対比を保ちながら直接補色より穏やかにします。

アクセシビリティ確認

UI に使う前に、実際の読みやすさを確認

実際のコンテンツで文字と背景を比較し、次の WCAG レベルへ改善。色覚シミュレーションも設計支援として利用できます。

正確な WCAG 比率

現在の比率と、通常テキストの AA 4.5:1 / AAA 7:1 をリアルタイム表示します。

実用的なプレビュー

見出し、本文、ボタンで組み合わせを確認できます。

スマート最適化

文字または背景を調整し、可能な範囲で色相と彩度を保持します。

色覚プレビュー

通常視覚と赤・緑・青・全色覚欠如の 4 シミュレーションを比較します。

01

配色を作成して確認

文字と背景を個別に採色・選択し、入れ替えた状態を保存できます。

正確な比率

WCAG 比率と AA / AAA をリアルタイム表示します。

コンテンツプレビュー

見出し、本文、ボタンで確認します。

次の目標

未達から AA、AA から AAA へ自動設定します。

すぐに適用

変更前後を比較して現在の配色を更新します。

02

色覚差をプレビュー

設計を支援する表示であり、医学検査や認証ではありません。

5 つのモード

通常視覚と 4 種類の色覚シミュレーション。

ペア全体を変換

文字と背景を同時にシミュレートします。

実際の読みやすさ

変換後のコンテンツで直接確認します。

選択を保持

次回も最後のモードから再開します。

ライブラリと効率化

役立つ色をクラウドへ送らず、手元に保つ

最近の色、名前付きお気に入り、グローバルショートカット、メニューバー、JSON バックアップを 1 台の Mac で活用します。

履歴とお気に入り

重複を先頭へ移動し、お気に入りには名前とピンを設定。各リストを独立して消去できます。

メニューバーからすぐ操作

採色、直近 6 色、マトリクス、コントラストへ素早く移動できます。

ショートカット競合検出

4 つのグローバル操作を設定し、アプリ内や macOS との競合を確認します。

安全にマージする JSON

検証、重複除外、旧形式移行を行い、現在のライブラリを上書きしません。

01

履歴とお気に入りを分離

重複は先頭へ、お気に入りは名前とピンを設定し、各コレクションを個別に消去できます。

自動重複除外

同じ色を履歴の先頭へ移動します。

名前とピン

重要色を上部、そのほかを時系列で表示します。

直接操作

コピー、詳細、解除、削除をすぐ実行します。

安全な消去

件数と確認を表示し、もう一方を保持します。

02

すばやい操作とバックアップ

メニューバーとグローバルショートカットから起動し、JSON は書き出し時だけ作成されます。

直近 6 色

メニューバーから再表示してコピーします。

競合検出

アプリ内の重複と macOS 競合を確認します。

検証してマージ

旧形式を移行し、重複を除外して上書きしません。

読込上限

10 MB、履歴 500 件、お気に入り 2,000 件です。

基本のカラーツールは無料。制作フローを広げるなら Pro。

Free には画面抽出、基本ライブラリ、4 種類の CSS 形式、1 パレット、コントラスト確認、色覚シミュレーション、JSON ライブラリバックアップが含まれます。Pro では開発形式とパレット制作をすべて利用できます。

機能
Free色を抽出、確認、保存
Proカラーシステムを構築・出力
画面抽出、履歴、お気に入り、変換利用可能利用可能
コピー形式CSS 4 形式22 形式 + カスタムテンプレート
保存パレット1 件無制限
パレットのコード出力対象外CSS、JSON、SwiftUI
一括コピー対象外固定した最大 3 形式
コントラストツール比率、プレビュー、色覚シミュレーションスマート AA / AAA 修正を追加
カラーライブラリの JSON バックアップ利用可能利用可能

Pro は App Store の年間サブスクリプションまたは買い切りで提供されます。ライブラリの JSON バックアップは両プランで利用でき、パレットを CSS、JSON、SwiftUI コードとして出力するには Pro が必要です。

ローカル優先

カラー作業にアカウントは不要です

Weeko Color はポインタ下のピクセルを読むためだけに画面収録権限を使います。採色、変換、配色、コントラスト解析、ライブラリ保存はこの Mac 上で行われ、カラー情報は自動送信されません。

  • ピッカーを操作している間だけ画面ピクセルを読み、画面収録は保存しません。

  • 履歴、お気に入り、解析状態は削除するまでローカルに残ります。

  • JSON は明示的に書き出した場合だけ作成され、アカウントやクラウド同期はありません。

最初の採色前によくある質問

なぜ画面収録権限が必要ですか?

macOS は画面ピクセルをこの権限で保護します。Weeko Color はピッカー操作中にポインタ下のピクセルを読むためだけに使います。

画面やカラーライブラリを送信しますか?

いいえ。主要処理はローカルで行い、バックアップは明示的に書き出した場合だけ作成されます。

コピーできる形式は?

Web/CSS、Android、Flutter、Apple、HarmonyOS、Python、Java、.NET、OpenGL、Unity、Raw 値を含む 22 種類です。

履歴を無効にすると?

新規追加だけを停止し、既存の履歴とお気に入りは保持します。

コントラスト改善は準拠を保証しますか?

いいえ。WCAG AA / AAA 比率を目標にしますが、最終 UI では実環境と支援技術による検証が必要です。

色覚シミュレーションは医学検査ですか?

いいえ。設計を支援するプレビューです。

読み込みで現在の色は上書きされますか?

いいえ。検証してマージし、重複を除外して追加件数を表示します。

Mac 間で同期できますか?

現行版にはアカウント、iCloud 同期、チーム共有、自動クラウドバックアップはありません。