すべての機能

カラーを一度コピーします。任意の形式で入手してください。

カラーをコピーすると、Kopit がそれを認識し、履歴内にスウォッチとして表示し、HEX、RGB、または HSL で値を渡します。ワンクリックで必要な値をコピーできます。また、スクリーンショットに注釈を付けると、同じ色をピッカーで選択できます。

ヒーロー デモ: コピー可能な HEX、RGB、および HSL 値を含む大きな色見本を表示する Kopit プレビュー ペイン

仕組み

  1. 1

    どこにでも色をコピー

    コードから 16 進値を取得するか、デザイン ツールから色を取得するか、Web から見本を取得します。 Kopit はそれが色であることを検出し、それを 1 つの色として履歴に収録します。

  2. 2

    コードだけでなくそれも見てください

    プレビュー ペインには大きな見本が表示されるので、何をコピーしたかが正確にわかります。色合いを確認するためだけに 16 進数の文字列を貼り付ける必要はもうありません。

  3. 3

    必要な形式でコピーしてください

    CSS には HEX、デザイン ツールには RGB、シェードを微調整するには HSL を取得します。それぞれ 1 回のクリックでクリップボードに戻ります。

HEX、RGB、HSL — 各 1 回のクリック

暗算もコンバータータブもありません。 Kopit は、コピーされたすべてのカラーを 3 つのフォーマットすべてで一度に表示し、それぞれに独自のコピー ボタンが付いています。ツールに必要なものをつかんで、動き続けましょう。

  • CSS およびデザインの引き継ぎ用の HEX
  • 画像エディターとキャンバス作業用の RGB
  • 色相、彩度、明度を微調整するための HSL
  • 見本はあなたの歴史の価値とともに旅します
HEX、RGB、および HSL 行を含むカラー プレビュー カード。それぞれにコピー ボタンとコピー済みの確認が付いています。

マークアップ上の実際のカラーピッカー

注釈エディターでは、すべてのツールにフルカラー ピッカー (色相スライダー、彩度フィールド、プリセット スウォッチ) が備わっています。スクリーンショットと照らし合わせて明確に読み取れるまで、矢印、ハイライト、またはテキスト ラベルの色を変更します。

  • 色相スライダー、彩度フィールド、およびプリセット スウォッチ
  • 選択した注釈ツールにライブで適用されます
  • 線の幅と不透明度を合わせて調整可能
  • 画面上のテキストおよび図形ツールと組み合わせる
アノテーションエディターのカラーピッカーポップオーバーがキャプチャされた領域上で開き、矢印の色が変更されます

知っておいてよかった

フォーマット
HEX、RGB、HSL — いずれかをコピーします
認識
コピーされた色は自動的に検出され、ファイルされます。
最新のアップデート
色見本と注釈ピッカーのストーリーを 2026 年 7 月 5 日に追加しました
プレビュー
プレビュー ペインの大きなスウォッチ
フィルター
type: filter を使用して色をすばやく検索します
注釈ピッカー
色相スライダー、彩度フィールド、およびプリセット
ストレージ
ローカル — Mac からは何も離れません