例：#abc、rgb(40, 125, 142)、hsl(190 56% 36%)
試す：
不透明なsRGBに対応。透明度・色名・高度な色空間は対象外です。
色コード変換
色を確かめて、必要な表記へ。
HEX・RGB・HSLを相互変換してコピーできます。
8ビットへ丸めた色見本
使い方と対応する記法
- 色コードを入力するか「色から選ぶ」を使います。
- 色見本と3つの表記を確認します。
- 使いたい表記のコピーを押します。結果欄から直接選択することもできます。
- HEX
- 半角の16進数3桁または6桁。#は省略できます。大小文字はどちらも使えます。例：#abc → #AABBCC。
- RGB
- rgb(赤, 緑, 青) または空白区切り。各成分は0〜255の数値、または0〜100%です。3成分の単位は統一してください。小数も使えます。
- HSL
- hsl(色相, 彩度%, 明度%) または空白区切り。色相は−1,000,000〜1,000,000の数値かdeg、彩度・明度は0〜100%です。色相は360ごとに同じ色へ戻ります。例：−120と240は同じ青です。
カンマと空白の区切り方は混在できません。数値は半角の整数・小数に対応し、指数記法、rad・turn・grad、透明度の追加には対応していません。入力は128文字までです。CSSのすべての色記法を受け付けるツールではありません。
丸めで色の数値が変わる理由
入力を各成分0〜255の8ビットsRGBへ四捨五入（0.5は切り上げ）し、その色から全表記と見本を作ります。たとえばrgb(50% 50% 50%)はrgb(128, 128, 128)、#808080になります。元の小数の精度は保持しません。
HSLの出力は小数第4位まで。灰色などの無彩色では色相を0に統一します。計算は有限精度のため、極めて長い小数の完全な精度は保証しません。画面や端末によって見える色は異なり、印刷色の一致や文字の読みやすさの合格判定は行いません。
入力の扱い
色コードの変換は端末内で行い、入力や結果をサーバーへ送信・保存しません。アクセス計測にはこのページの固定URLを使用し、入力や結果を含めません。来訪時のページURLや共用ホストのアクセスログは別の扱いです。機密情報をページURLへ付けないでください。
記法を詳しく調べる
規格の説明はW3C CSS Color 4、より多くの色形式を扱う場合はMDNの色形式変換器を参照できます。本ツールの画面・文章・コードは独自に制作しています。