RGB変換
RGB、HEX、HSL、CMYKカラー形式を変換
RGB変換の使い方
- 1赤い、緑、青の 0 と 255 の間の値を入力します。
- 2スライダーをドラッグして、リアルタイムで生成された色をプレビューします。
- 3プロジェクトのHEX、HSL、CSSコードをコピーします。
RGBが色をどのように形成するか
カラー = (R, G, B), 0 から 255 チャネルあたり; HEX = #RRRGGBB3つの光チャネル(0,0)のRGBミックスは黒、(255,255,255)は白で、3つの等分は灰色のステップです。
画面がアクティブになっているので、RGBは色付けされます。ペイントするのは逆に、すべてのチャンネルのスーパースイングは黒ではなく白になる傾向があります。
RGBは**画面表示用の色付きモデル**(光の重厚)です。0の3チャンネルは黒と255で白です。 これは印刷のためのCMYKの反対です-より多くのペンキは混合され、より多くの4色およびより少ない黒です。 スクリプトは画面上で良いですが、この理由のほとんどが暗く、設計段階のカラースペースに変換する必要があります。
HSL (colour/saturation/lightness) は RGB より人々の本質に近いです: L に「Brighter」加えられます、RGB は 3 つの数字を要求している間、S に「Brighter」加えられます。 ** スペクトルカラーは、H を S と L** にのみ修正する必要があります。例えば、H = 210 ブルー、S から 80% から 30%、L から 40% から 90%、光の青いステップの凝集的なセットを取得する。 マテリアルデザインやテールウィンドなどの設計システムがHSLパネルをプレスする理由もあります。
| カラー | HEX | RGB | HSL |
|---|---|---|---|
| 純粋な赤。 | #FF0000 | 255, 0, 0 | 0°, 100%, 50% |
| きれいな緑。 | #00FF00 | 0, 255, 0 | 120°, 100%, 50% |
| 純粋な青 | #0000FF | 0, 0, 255 | 240°, 100%, 50% |
| ホワイト | #FFFFFF | 255, 255, 255 | 0°, 0%, 100% |
| ブラック | #000000 | 0, 0, 0 | 0°, 0%, 0% |
| 媒体の灰色 | #808080 | 128, 128, 128 | 0°, 0%, 50% |
| シアン | #00FFFF | 0, 255, 255 | 180°, 100%, 50% |
| マゼンタ | #FF00FF | 255, 0, 255 | 300°, 100%, 50% |
共通色 RGB/HEX/HSL の対照
よくある質問
RGBとCMYKの違いは何ですか?
画面用RGB(カラーライト)、印刷用CMYK(カラーインク)
なぜ0〜255?
各チャネルは8ビットで、0から255の等級256まで、合計167.7百万色を提供します。
HEXとは?
すべての小数を2つの小数に変換し、#、255、0、0を#FF000に追加します。
実際に見るものとは違うページの色はなぜですか?
3つの一般的な理由:色空間は異なる - 同じRGB値は、sRGB、ディスプレイP3、Adobe RGBモニター、および広範なカラー画面上のsRGB色が希釈されています。 ディスプレイは色付けされず、白い点とgammasはデバイスからデバイスに変わります。 3ブラウザカラー管理設定。 専門の設計はシステムの正しい色構成を保障するために一般に使用される色のモニターの規則的な口径測定を要求します。
六角形の色はどうですか?
#FF、#336699 #369(333、666、999) 各チャンネルの2人のみが短く、#FF8801は短くなりません。 簡略化は、CSSで完全に等価であり、文書のサイズを減らす。