Color UI
Color UI は、鮮やかな色を探索し、さまざまな形式に変換するアプリです。デザイナーおよび開発者のニーズに特化して設計されています……
概要
Color UI は、鮮やかな色を探索し、さまざまな形式に変換するアプリです。デザイナーおよび開発者のニーズに特化して設計されています。主な機能:HSB(色相、彩度、明度)、RGB(赤、緑、青)、HEX(16進数)カラーピッカー、エクスポート機能。macOS 11 以降に対応。M1(Apple Silicon)搭載 Mac にも最適化されています。
新機能(バージョン 2.3):このアップデートにはパフォーマンスの向上と軽微なバグ修正が含まれます。
必要システム要件:Intel 64ビットプロセッサ、macOS 11.0 以降。
スクリーンショット
広告ブロッカーをご利用中の方へ!!当サイトをホワイトリストに登録してご支援ください。広告収入こそが、皆様に高品質なコンテンツを提供するための原動力です!または、こちらの説明をご覧になり、ご支援方法をご確認ください。ありがとうございます!
サイズ:7MB
以前のバージョン
編集部確認情報
通常 sRGB UI の探索/変換と参考 screen pixel の採取に推奨し、brand、print、accessibility の唯一の真値にはしません。source design/token の master→sRGB/alpha 定義→HSB/RGB/HEX 候補→display ICC を記録して補助 sampling→temporary branch→browser、SwiftUI/AppKit、design tool 確認→全 state の WCAG AA/AAA→色覚/grayscale→P3/CMYK/Lab master 保持→承認値を versioned token→swatch、visual regression、SHA-256→dual review、の順が安全です。基本採取は Digital Color Meter、system は Figma/Sketch、履歴は Sip/Litur、professional colour は Photoshop/Affinity+ColorSync、Web は DevTools/自動 contrast test が代替です。
長所
- HSB/RGB/HEX に集中し、designer と developer の sRGB 確認が速い点が利点です。同期 control で Hue、Saturation、Brightness と RGB の関係が見え、HEX は Web/token に向きます。picker は表示 pixel を取得し、export は転記ミスを減らします。palette は候補比較に便利です。Universal で Intel/Apple silicon、macOS 11 をカバーします。大きな project 構造なしで一時採取、教育、小規模 style 探索に適します。CMYK、Lab、P3、accessibility system を扱わない境界も明確です。
短所
- 中心対応は HSB、RGB、HEX のみで、HSL、alpha/RGBA、CMYK、Lab/LCH/OKLCH、Display P3、perceptual difference は確認できません。print/HDR/wide gamut は別ツールが必要です。picker は source 値ではなく ICC、True Tone、Night Shift、HDR、transparency、antialias の後の display pixel を読みます。WCAG、色覚 simulation、semantic token、ramp、variable export、team sync、version history、API は確認できず design system ではありません。HSB/HSL、HEX gamut/alpha の規律が必要です。App Store delist により support/redownload は不確実で、2.3 notes も具体的でありません。
インストール手順
- サイト版 Color UI 2.3 は Intel/Apple silicon Universal、macOS 11 以降です。本番 token を直接変えず test palette を作ります。#000000、#FFFFFF、#FF0000、#808080 等の既知 sRGB で HEX、RGB、HSB を照合します。HSB Brightness と HSL Lightness は別物で、名称だけ変換しません。純色 target を内蔵/外部 display、異なる ICC、Light/Dark で採取し、source app、ICC、scale、screenshot の色変換を記録します。browser CSS、SwiftUI/AppKit、Figma/Sketch 等へ貼り、syntax、#、case、range を確認します。alpha、Display P3、CMYK、Lab/OKLCH、HDR は対応を先に確認します。公式中心形式は HSB/RGB/HEX であり、sRGB 値を wide-gamut master の代替にしません。色名、semantic role、sRGB、gamut、contrast pair、source、approver、SHA-256 を管理し、別ツールで WCAG/色覚検査します。
アンインストール手順
- 承認 palette を open format/版管理 text に出力し、name、semantic role、HEX、RGB、HSB、gamut/ICC、必要な alpha、Light/Dark、contrast pair、source、approval date を保存します。swatch screenshot だけでは profile/compression で変化します。別 script/design tool で全値を parse し、palette SHA-256 と production code の token 参照を確認します。終了/削除後、unique 値がない場合だけ preference、recent、container を消します。アンインストールは clipboard history、design file、repository、export、cloud の色を消さず、過去の HSB/HSL/sRGB/P3 誤変換も直しません。token audit/visual regression が必要です。
よくあるエラーと解決策
- design file と採取値の差は ICC、Night Shift、True Tone、HDR、alpha blend、antialias、browser 管理の影響です。制御試験では表示補正を切り、sampling でなく original token を正とします。HEX/RGB は 0–255、RRGGBB、space、rounding を確認し RRGGBBAA を 6 桁扱いしません。HSB/HSL 差は定義です。外部 display は calibration/profile を記録し同じ sRGB target で比較します。code error は #、quote、comma、percent、language syntax を確認します。見た目が読めても WCAG は font、size、state、background、alpha で別検査します。P3 が clip する場合 HEX=sRGB と考え、P3 floating master/対応 syntax を保持します。picker 不動は macOS privacy permission を確認します。
今回の更新内容
- サイト版は Color UI 2.3、記録上 2022-12-16 公開。update text は「improvement と minor bug fix」のみで、対象 module は推測しません。developer portfolio/release record から palette、HSB slider、RGB slider、HEX、picker、export、macOS 11/M1 optimisation、Intel/Apple silicon Universal を確認できます。本稿は 2.3 のみに限定し、delist 後の代替製品機能を混ぜません。
