RGB → HEX
RGB値を16進数コードに変換します。
このツールはJavaScriptで動作します。使うには、ブラウザでJavaScriptを有効にしてページを再読み込みしてください。
RGB から #HEX へ、すぐに。
RGB → HEX は、赤、緑、青の値を十六進数のカラーコードに変換します。それぞれの色の値は 0 から 255 のあいだの数として入力します。範囲の外の値は最も近い有効な値に寄せられます。書いた瞬間に色のプレビューが更新され、結果が出ます。HEX コード、RGB の書き方、HSL の値、そしてスタイルシートに貼れる CSS 変数です。画像編集ソフトやデザインの資料で得た RGB の値をウェブで使うのに向いています。
結果の一覧は、この色の上に暗い文字と明るい文字のどちらを置くべきかも教えます。助言は色の見かけの明るさから計算されます。色の選択から色を選んで値を埋めることもできます。ツールは両方向に働きます。HEX の欄に書くと RGB の値も更新されるので、「HEX → RGB」と同じ画面を共有しています。印刷で使う CMYK の値はこのツールにはありません。画面の色は RGB で扱われます。計算はすべてブラウザーの中で行われ、入力した値はどこにも送られません。
最初から最後まで
- R、G、B の値を入力します。 それぞれ 0 から 255 のあいだ。たとえば 26、115、232。
- プレビューを見ます。 色の枠と HEX コードが書いた瞬間に更新されます。
- コードをコピーします。 HEX、HSL、CSS 変数の行をコピーして使ってください。
よくある質問
rgb(255, 255, 255) はどの HEX ですか。
#FFFFFF、つまり白です。rgb(0, 0, 0) は #000000 で黒です。
値が 0〜1 のあいだ（例：0.5）です。どうすればよいですか。
それぞれの値に 255 を掛けて丸めてください。0.5 はおよそ 128 になります。ツールは 0〜255 の範囲を想定しています。
CMYK に変換できますか。
いいえ。このツールは画面の色（RGB、HEX、HSL）を扱います。印刷の色の変換は紙とインクによるので、印刷用のソフトで行うべきです。
入力したデータはサーバーに送られますか？
いいえ。このツールはすべてブラウザー内で動作し、入力や追加した内容が RUPO Studio のサーバーに送られることはありません。ページを開いている間は、インターネット接続が切れても動作し続けます。アカウントは不要です。利用は無料で、1 時間あたり・1 日あたりの上限はありません。結果を見る前に広告を見る必要もありません。
その他のクリエイターツールツール
RUPO Studio