ZapFile

カラーピッカー

ピッカー・画面・画像から色を取得し、HEX・RGB・HSL・OKLCH を変換してスケールを作成

  • HEX
  • RGB
  • HSL
  • HWB
  • OKLCH
  • CMYK

文字としてのコントラスト

Aa 白背景
1.41:1AAAAA
Aa 黒背景
14.88:1AAAAA

WCAG: 通常テキストでは AA は 4.5:1、AAA は 7:1 が必要です。

明度スケール

同じ色相で OKLCH から作る 50–950 のスケール。枠付きの段階が現在の色です。

配色

最近の色

選んだ色がここに表示されます。

ページのリンクには常に現在の色が含まれるので、そのまま共有できます。

よくある質問

サーバーではなく、お使いの端末で動作します

このページはブラウザの API(Canvas、WebAssembly、Worker など)を使うため、ファイルはお使いの端末から出ません。

  • 処理はこのタブの中で行われます。タブを閉じるとセッションは終了します。
  • ZapFile のアカウントは不要で、アップロードされたファイルも保存しません(そもそもアップロードされません)。
  • ダウンロードするのは選んだものだけ。「クラウド処理」のために何かが送信されることはありません。
  • ご自身で確認できます:ツールを使いながら DevTools → ネットワーク を開いても、ファイルが ZapFile に送信される様子は見られません。
  • ZapFile をホーム画面に追加すると、すばやく起動でき、キャッシュ済みのページにオフラインでもアクセスできます(ツールには対応ブラウザが必要です)。