How to Use

例：製品のスクリーンショットを貼り付け、メインボタンの色を選択し、HEX値をCSSやデザインファイルにコピーします。

Core Features

インフレ調整に対応した 2026 年版のFIRE計画計算機。将来の購買力をシミュレーションし、リタイアメントに必要な資産との差分（ギャップ）を分析。ExcelやNotionの管理用ダッシュボードに適したCSVをワンクリックで書き出せます。100%プライベートなクライアントサイド計算。

口座資金、許容リスク比率（%）、エントリー価格、ロスカット価格から取引ポジションサイズを計算します。データは送信されず、ブラウザ上で安全に複数のリスクシナリオを比較できます。

元本、毎月の積立額、想定利回り（年利）、運用期間から将来の複利効果を計算します。元本、運用益、合計残高をインタラクティブなグラフで視覚化。データは送信されません。

元利均等および元金均等返済方式に対応したローンシミュレーター。毎月の返済額、金利総額、返済スケジュール表を計算し、グラフや表で可視化します。

初期投資額、毎月の積立額、想定利回り、およびインフレ調整後の結果をローカルで計算します。複利グラフ、投資収益率（ROI）、年次推移表を用いて将来の資産推移をシミュレーションできます。

APR（名目年利率）と APY（実質年利率）をローカルで相互変換します。金利を入力し、複利計算の頻度を選択すると、実質金利、スプレッド、および頻度の比較結果が即座に表示されます。

粗利益、マークアップ（値入率）、マージン（粗利益率）、および販売価格をローカルで計算します。原価と売価、または原価と目標マージンを入力するだけで、即座に計算結果が表示されます。

CPM（インプレッション単価）とCPC（クリック単価）をローカルで計算します。予算、表示回数、クリック数、CPM、CPC、CTRを即座にシミュレーションし、広告キャンペーンの計画に役立ちます。

このツールは、HTML5 Canvasを使用してローカルで画像をデコードし、getImageDataを介して現在のピッカー座標のRGBAピクセルを読み取ります。そのピクセルからHEX、RGB、HSL値がフォーマットされます。

パレット生成は、Canvasのピクセルをサンプリングし、近い色をシンプルなバケットにグループ化し、頻度順にランク付けして最大5つの主要色を返します。これはWebやデザインのクイックパレットには便利ですが、プロフェッショナルなICC / P3の絶対カラーマネジメントを保証するものではありません。

いいえ。画像の読み込み、色選択、拡大鏡プレビュー、パレット生成はすべてブラウザ内でローカルに実行されます。

画像を選択または貼り付け、ターゲットピクセルにポインターまたは指を移動します。リアルタイムの色が即座に表示されます。画像をクリックして履歴に保存し、スウォッチをクリックしてHEX値をコピーします。

Webデザインやフロントエンド開発で最も一般的な形式であるHEX、RGB、HSLを表示およびコピーします。

Canvasはブラウザによってレンダリングされたピクセルを読み取ります。ブラウザの動作、ディスプレイのガマット、埋め込まれた画像のカラープロファイルによって、わずかな違いが生じることがあります。

はい。タッチデバイスでは、画像上で指をドラッグして十字カーソルを移動させ、タップまたは離すことで色をロックできます。