Pixel Format Visualization

1つの色を9つのメモリレイアウトで

選んだRGBAカラーが、BGRA8、RGBA8、RGB8、ARGB8、RGBA16F、RGBA32F、RGB565、RGBA4444、RGB10A2でどのように格納されるかを表示します。各カードにはチャンネル順、ビット割り当て、バイト数、パック値または浮動小数点値、バイトオフセット、16進ダンプ、2進表現が並び、常に同期しています。

どちらの方向からでも編集

• RGBAスライダー、#RGB・#RRGGBB・#RRGGBBAA形式の16進値、またはブラウザー標準のカラーピッカーで色を指定できます。
• 生のチャンネル値、正規化された浮動小数点値、個々の16進バイト、16進ダンプ全体、2進のバイト値を書き換えると、その内容が共通の色へデコードされます。
• ストレートアルファと乗算済み（premultiplied）アルファを切り替えられます。
• 各カードの情報ボタンから、DirectX 9、DirectX 12、Vulkanでの対応する形式名を確認できます。

色を選び、必要なら乗算済みアルファをオンにして、カードを見比べながら好きな表現を編集してください。ほかの値もすぐに追従します。

どんな人に向いているか

グラフィックスプログラマー、ゲームやレンダリングエンジンの開発者、テクニカルアーティスト、学生、そしてカラーバッファーをデバッグする人やピクセルデータの格納方法を学びたい人に向いています。RGBAチャンネルや16進数の知識があると便利ですが、同期した表示のおかげで初めてでも理解しやすくなっています。テクスチャーやフレームバッファーの形式を選ぶ前にバイト順とチャンネル精度を比べたり、授業で量子化やアルファを説明したりする用途に使えます。

ローカル処理と制限事項

計算はすべてブラウザー内で行われ、色の値がサーバーへ送られることはありません。スクリプト、スタイル、フォントはアプリ自身のアドレスからのみ読み込み、第三者のサーバーには接続しません。ブラウザーのローカルストレージに保存されるのは表示言語とテーマ設定だけです。色や各形式の値は保存されず、URLにも含まれないため、リンクで状態を共有することはできません。アカウントやインストールは不要です。

対応するのはあらかじめ決められた9種類のRGB/RGBAレイアウトで、ピクセル形式を網羅したものではありません。出発点は常にチャンネルあたり8ビットのRGBAカラー1色で、画像、テクスチャー、カラープロファイル、圧縮形式、深度・ステンシル形式、プレーナー形式は扱いません。API名は参考表示であり、ハードウェアへの問い合わせや実行時のサポート確認は行いません。結果はブラウザー上に表示されるだけで、ファイルとして書き出すことはできません。小さな画面でも使えますが、バイト単位の細かな編集は大きなディスプレイと物理キーボード向けです。インターフェースは21言語に対応し、ライト、ダーク、システム連動の表示を選べます。

スライダー、テキスト入力、ボタン、言語選択はキーボードで操作でき、テーマボタンにはアクセシブルなラベルと押下状態があります。スクリーンリーダーとの互換性はまだ正式に検証されておらず、API名のポップオーバーは現在ポインターを重ねたときにしか開きません。また、動きを減らす設定には対応していません。