RGBをHEXに変換

RGB値の由来

スクリーンショットやアプリのカラーピッカーから読み取った値は、デザイナーが指定した色と常に一致するとは限りません。画面やスクリーンショットにはDisplay P3などの広色域プロファイルが含まれることがあり、カラーピッカーがsRGBではなくその値を報告する場合もあります。そのため、同じボタンでも各チャンネルが数値分ずれることがあります。可能であれば元のファイルやスタイルシートから値を取得するか、元の画像からimage color pickerで取得してください。パーセンテージは2.55を掛けて変換します。rgb(40%, 77%, 18%)は、およそ102、196、46です。

短縮コードと大文字・小文字

結果は常に6桁の大文字です。大文字と小文字の違いはブラウザでは問題になりませんが、スタイルガイドの表記に合わせると検索と置換を確実に行えます。各ペアが同じ数字を繰り返す場合に限り、コードを3桁に短縮できます。#AABBCCは#ABCになりますが、#63C42Dには短縮形がありません。チャンネル値の小数は丸められるため、少し異なる2つの入力が同じコードになることがあります。逆変換を確認するにはHEX to RGBを使ってください。

使い方

1. 0〜255のRGB値を入力します。
2. HEXの結果をリアルタイムで確認します。
3. 色をコピーします。

プライバシーと制限事項

変換はブラウザ内で完結します。