MAC向けカラーワークベンチ

Weeko Color

画面から色を抽出し、明暗スケールを生成、コントラストと色覚条件を確認し、よく使う色を一つのMacワークスペースで管理します。

使い方ガイド

抽出履歴とお気に入りは、書き出しや共有をしない限りこのMacに残ります。

選択した青と生成された階調を表示するWeeko Colorのカラーマトリクス
画面カラーピッカーカラーマトリクスWCAGコントラスト確認macOS 14以降

抽出、確認、再利用

一つの画面ピクセルを実用的なカラーシステムへ

抽出、分析、整理をまとめ、見つけた色をそのままデザインや実装に使える流れを作ります。
  1. 01

    色を選ぶ

    画面ピクセル、macOSカラーパネル、またはHEX入力から開始します。

  2. 02

    結果を確認

    RGB・HSB、階調、コントラスト、色覚シミュレーションを確認します。

  3. 03

    コピーまたは保存

    必要な形式をコピーし、お気に入りかローカル履歴に残します。

カラーマトリクス

一色から使える階調を作成

明暗の候補を生成し、デザイントークンや実装メモへ個別にコピーできます。

画面とシステムのピッカー

画面から直接抽出するか、macOSのカラーパネルで選択します。

明暗マトリクス

現在色を基準に、明るい色から暗い色までの候補を生成します。

形式変換

HEX、RGB、RGBA、HSB、HSLなどを相互に確認できます。

コピー可能な値

現在色または各階調を必要なアプリへ直接コピーします。

現在色の値と生成された階調候補を表示するWeeko Color

コントラストとライブラリ

読みやすさを確認し、使える色を保存

文字と背景を比較し、実例と色覚条件を確認して、最近の色やお気に入りをローカルで整理します。

WCAG形式の結果

通常文字と大きな文字について、比率とAA/AAA結果を確認します。

ライブプレビュー

見出し、本文、ボタンの実例で比率以外の見え方も確認します。

色覚シミュレーション

複数の色覚条件で、色相だけに依存した区別を見つけます。

履歴とお気に入り

抽出色をローカル履歴に残し、重要な色をお気に入りへ分けます。

コンテンツ例、アクセシビリティ結果、色覚シミュレーションを表示するコントラスト検査

ローカル設計

色の分析にアカウントは不要

抽出、変換、コントラスト、シミュレーション、履歴、お気に入りはMac上で動作し、画面やライブラリはWeeko Teamへ送信されません。

  • 画面ピッカーは許可後、操作中に指定したピクセルだけを読み取ります。
  • 履歴、お気に入り、設定はローカルに保存され、アプリから削除できます。
  • フィードバックには基本的なバージョンとシステム情報のみが付き、色ライブラリは自動添付されません。

動作条件

macOS 14以降画面抽出には画面収録権限AppleシリコンまたはIntel Mac

最初の色を選ぶ前に

カラーピッカーに画面収録権限が必要なのはなぜですか?

macOSが画面ピクセルへのアクセスをこの権限で保護しているためです。ピッカー操作中だけ使用します。

履歴やお気に入りは同期されますか?

いいえ。現在はアカウントもクラウド同期もなく、このMacに残ります。

どのコントラスト基準を表示しますか?

WCAG形式の比率とAA/AAA結果を表示します。設計支援であり、正式な適合認証ではありません。

色形式を変換できますか?

HEX、RGB/RGBA、HSB、HSLなどの一般的な形式を表示してコピーできます。

文脈のある色選びを

実際の画面から選び、実際のコンテンツで確認し、次のデザインや実装へ進めます。