ForHosting KIT · 画像の編集・解析

プロタノマリー色シミュレーション

Q: 医療・診断テストですか？

いいえ。 設計と教育用プレビューのための工学的近似であり、色覚の臨床評価ではありません。

赤の感度が弱い人の見え方で色をプレビューします。鮮やかな赤の#e74c3cは、既定の強さ0.6で#416f3eになります。0（変化なし）から1（ほぼ1型2色覚）まで調整し、ブランドやグラフの色を決める前に確かめられます。ブラウザで無料で使えます。

無料
ブラウザで動作
登録不要
データは端末の外に出ません

無料で実行 API仕様を見る

ご利用方法ウェブAPIメールTelegramアプリ近日

プロタノマリー（第1異常三色型色覚）は、網膜の長波長（L）錐体が赤色光に対する感度が低下している一般的な異常三色型です。デザイナー、アクセシビリティ監査担当、教育者は、ブランドカラー、グラフ系列、UI 状態が赤の弁別が弱まったときにどう見えるかを、素早く決定論的に確認したいことがよくあります。完全な第1色盲（プロタノピア）ではなく、正常視とプロタン投影の部分的な混合です。このシミュレートプロタノマリーカラーツールは、hex または RGB の色と 0 から 1 の任意の severity を受け取り、色を LMS 錐体空間へ変換し、M と S から L チャネルを再構成する Viénot 流のプロタン変換を部分適用し、RGB に戻して、シミュレート後の hex・各チャネル・CSS 文字列を返します。severity 0 は色を変えず、1 は完全プロタノピアに近似し、既定の 0.6 は典型的な中程度のプロタノマリーをモデル化します。

プロタノマリーシミュレーションの意味と部分的プロタン変換の仕組み

正常なヒトの色覚は三色型で、L・M・S の 3 種の錐体がそれぞれ長・中・短波長でスペクトルをサンプリングします。プロタノマリーでは L 錐体の視物質がずれているか効きが弱く、赤がより暗くまたは低彩度に見え、正常視より赤緑の対が分けにくくなります。それでも錐体クラスは 3 つ機能しており、L チャネルが実質的に欠けるプロタノピアとは異なります。

実用的な工学モデルは完全な生理学スペクトルを必要としません。ディスプレイ RGB を LMS に写像し、L 座標をプロタノピック平面を近似する M と S の線形結合で置き換え（古典的には Viénot、Brettel、Mollon 流の行列で L は 2.02344 倍の M から 2.52581 倍の S を引いた値）、再び RGB に戻します。

完全な二色型シミュレーションはその置換だけを使います。プロタノマリーは、単位区間の severity 重み s で元の LMS とプロタン LMS を混ぜます。L プライムは (1−s) 倍の L に s 倍の L プロタンを加えたもので、逆変換の前に M と S は元の経路のままです。

この部分適用は決定論的で安価であり、UI プレビュー、パレット監査、教材デモに十分です。臨床診断ツールではなく、色覚特性のある人によるユーザーテストの代わりにもなりません。行列はハンドラ内の固定定数なので、同じ入力はどのランタイムでも同じシミュレート hex になります。

活用例

デザインシステムとブランドトークンの監査

コンポーネントライブラリに hex トークンを固定する前に、プライマリ・危険・グラフ色が中程度のプロタノマリーでどうずれるかをプレビューします。

色覚特性の教育

軽度から完全プロタンまで調整可能な severity で、元スウォッチとプロタノマリーシミュレートの決定論的な並べ比較を学生に示します。

よくある質問

プロタノマリーとは何か、ここではどうシミュレートしますか？

プロタノマリーは L 錐体（赤）感度の低下です。本ツールは RGB を LMS に写像し、プロタン投影と同様に M と S から L を再構成し、severity で元の LMS と混ぜて RGB に戻します。

severity パラメータは何をしますか？

severity は [0, 1] の混合重みです。0 は元色、1 は完全プロタノピア投影、既定 0.6 は典型的な中程度のプロタノマリーです。

どの色形式が受け付けられますか？

Hex（#RGB または #RRGGBB）、CSS rgb()/rgba()、素の r,g,b テキスト、または 0–255 の個別整数 r, g, b。

医療・診断テストですか？

いいえ。設計と教育用プレビューのための工学的近似であり、色覚の臨床評価ではありません。

プロタノマリーとプロタノピアはどう違いますか？

プロタノマリーでは赤に反応する錐体が働いていても反応が弱く、赤が暗くくすんで見え、赤と緑の組み合わせを見分けにくくなります。プロタノピアではその錐体がほぼ働かず、強さ1がそれに近い状態です。

開発者向け — APIアクセス

このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。

エンドポイント

POSThttps://api.kit.forhosting.com/color/sim-protanomaly

Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。

お使いのスタックから呼び出す

curl -X POST https://api.kit.forhosting.com/color/sim-protanomaly \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#e74c3c","hex":"valor-ejemplo"}'

const res = await fetch("https://api.kit.forhosting.com/color/sim-protanomaly", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color": "#e74c3c",
    "hex": "valor-ejemplo"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/sim-protanomaly",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#e74c3c",
    "hex": "valor-ejemplo"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/sim-protanomaly", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color":"#e74c3c","hex":"valor-ejemplo"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color":"#e74c3c","hex":"valor-ejemplo"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/sim-protanomaly", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

リクエスト例

{
  "color": "#e74c3c",
  "hex": "valor-ejemplo"
}

レスポンス例

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.sim_protanomaly",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。

料金

1リクエストあたり$0.002

単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。

エラー

HTTP	コード	意味
`401`	`unauthorized`	APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。
`402`	`insufficient_balance`	残高が不足しています。チャージ後に再度お試しください。
`404`	`unknown_type`	指定されたタスクタイプは存在しません。タイプ名を確認してください。
`429`	`rate_limited`	リクエストが多すぎます。しばらく待ってから再度お試しください。

技術的な注記

入力契約、応答の形、エラー時の挙動

severity を省略すると 0.6 になり、指定する場合は 0 以上 1 以下の有限数が必要です。チャネルはクランプ後に 0〜255 の整数へ丸められるため、クライアントは追加スケールなしでスウォッチを描けます。例として、既定 severity の鮮やかな赤 #e74c3c 付近は、severity 1 の完全プロタノピアと比べると長波長差をいくらか残しつつ、よりくすんだ赤優勢の弱い色相へ寄ります。ソース色と任意の severity を含む JSON 本体を POST してください。色は #e74c3c や #e74 のような hex 文字列、CSS の rgb(r,g,b)、素の r,g,b テキスト、または 0 から 255 の整数フィールド r・g・b として指定できます。文字列形式では hex、value、text、input、code のエイリアスを受け付け、チャネルには red、green、blue のエイリアスがあります。amount、strength、severity のエイリアスも受け付けます。色が完全に欠ける、空文字列、hex でないゴミ、0〜255 外のチャネル、小数チャネル、単位区間外の severity は invalid_input で失敗し、問題を示すメッセージが付きます。これらの検証失敗は課金されません。成功時の本体には解決済みソースの input_hex と input_rgb、使用した数値 severity、フィルタ後の simulated_hex と simulated_rgb、個別の simulated_r・simulated_g・simulated_b、css の rgb() 文字列、method protanomaly_partial_lms、deficiency protanomaly、LMS 混合を述べる短い formula 文字列、読みやすい message が含まれます。

プロタノマリー色シミュレータが役立つ場面

色覚特性を教える教育プラットフォームは、重い画像フィルタを埋め込まずに正常とシミュレートのスウォッチを並べて示せます。検証失敗は残高を消費しません。WCAG 寄りの流れでは元色とシミュレート色の両方でコントラスト検査と組み合わせてください。アクセシビリティレビュー担当は API 経由でブランドトークンやグラフ系列を一括処理し、出荷前に赤感度低下で潰れるペアをフラグできます。実装は純粋な parse の tier A のため、成功した呼び出しは公開の基本料金 $0.002 のみで、モデルトークンも外向きネットワークもありません。このエンドポイントは単一色サンプルだけを変換し、コントラスト比や画像領域は評価しません。

連携の活用例

パレット向けアクセシビリティ CI

パイプラインでパレット JSON を一括フィルタし、部分的プロタン変換後に重要状態が過度に似た場合はビルドを失敗させます。

技術的な質問

プロタノマリー色シミュレータの料金は？

ブラウザツールは無料です。API リクエストは成功した呼び出しごとに前払い KIT 残高から $0.002 です。無効入力は課金されません。

KITの完全なドキュメントを見る →