拡張機能に戻る
Chrome ウェブストア
Pixel Toolkit
すべてのページで精密なカラー検査。
Pixel Toolkitは、デザイナーと開発者がピクセルパーフェクトな情報をキャプチャするのを支援。色をサンプリングし、コントラスト比をチェックし、トークンをデザインシステムに同期。
macOS、Windows、Linux上の最新のChromeリリースで動作。
Pixel Toolkit
Chrome ウェブストア
色を検査し、パレットを生成し、デザイントークンを即座にエクスポート。
5,000以上のインストール
4.7 / 5評価
オフライン対応
- バージョン
- 0.9.8
- 最終更新
- 2024年2月15日
- パッケージサイズ
- 2.2 MB
- 言語
- 英語、中文
- 互換性
- Chrome
Key Capabilities
プロダクトチーム向けに構築
01
パレット履歴
デザインスプリント全体でサンプリングされた色のタイムラインを保持。
02
グリッドインスペクター
任意のWebインターフェースで間隔、タイポグラフィスケール、整列を測定。
03
オフラインモード
インターネットアクセスなしでステージングビルドを監査している場合でも色をキャプチャ。
精密スポイト
サブピクセルズームで任意のピクセルをサンプリングし、HEX、RGB、HSL、LABでカラー値を取得。
アクセシビリティチェック
WCAGコントラスト比を即座に計算し、実行可能な調整を取得。
トークンエクスポート
コードベース対応のJSONまたはCSS変数にパレットトークンをコピー。
カラーインテリジェンスUI
インストールせずにPixel Toolkitを探索。
パレットインスペクター
グループ化されたスウォッチ、使用推奨事項、クイックエクスポートアクションを表示。
トークンダッシュボード
テーマごとに変数を整理し、リポジトリに更新をプッシュ。
すべてのページで精密なカラー検査。
色を検査し、パレットを生成し、デザイントークンを即座にエクスポート。