68

rgb(255,255,255)CSS1以降、表記が利用可能になっています。しかし#ffffff、はるかに人気があるようです。

明らかに、それは少しコンパクトです。16進数は基になるバイトとより密接に関連していることを知っており、これらの値に対して算術演算を実行することには利点があることを理解していますが、これはCSSで行うことではありません。

色の値は、他の場所では16進表記に遭遇することのない設計者（私など）によって作成される傾向があり、使用するアプリで色を指定する主な方法である10進表記に精通しています。特定の16進値がRGBコンポーネントにどのように分解されるかを理解しておらず、Pantoneカラーシステムリファレンス（PMS432など）のように、色に直接関係していないと想定したかなりの数の人に会いました。

では、10進数を使用しない理由は何ですか？

4

13 に答える 13

37

16進値は、お気に入りの画像エディタからコピーして貼り付けるのが簡単です。

RGB値は、Javascriptを使用して操作する方が簡単です。

（私のお気に入りの16進色の値は#EDEDEDであり、モータースポーツに関係するクライアントのために作成したサイトの背景色は＃F1F1F1でした:-)

エド。

于 2009-07-23T12:33:37.137 に答える
23

RGBA 値を入力する場合、16 進表記はサポートされていないことに注意してください。つまり、#FFFFFFff で偽造することはできません。実際のところ、アルファ値は 0.0 から 1.0 までの数値でなければなりません。(ブラウザのサポートについては、このページを参照してください。いつものように、ここでは IE が群を抜いています。;))

HSL および HSLA カラー サポート (非常に設計者にとって使いやすい) も、RGB() スタイルと同様の構文で提供されます。デザイナーが同じスタイルシートで両方のタイプのカラー値を使用する場合、一貫性を保つために 16 進コードではなく 10 進値を選択する可能性があります。

于 2009-07-23T12:57:25.520 に答える
9

それはあなたが慣れているものだと思います。HTML に慣れている場合は、HEX を使用する可能性があります。HEX は HTML で頻繁に使用されているからです。Photoshop/Corel/PaintShopPro などを使用してデザインのバックグラウンドを持っている場合は、RGB 表記に慣れている可能性がありますが、最近の多くのプログラムには HEX 値フィールドも組み込まれています。

前述のように、RGBA は RGB 表記を使用する理由になる可能性があります-一貫性。

とはいえ、シナリオにもよると思います。#fff両方に慣れている場合は、それらを切り替えることができますrgb(255,255,255)。

もう 1 つの疑問は、なぜ人々が#fff代わりに ofと言うのかということですWhite(ほとんどのブラウザーがこのキーワードをサポートしていると仮定すると)。

それはすべて好みと読みやすさの問題です。巨大な CSS ファイルを維持している場合、色の値を見て、それが何色であるかを知ることができることは、非常に優れた利点です。さらに有利なのは、LESSやSassなどを使用して CSS に一種のプログラム可能性を追加することです。たとえば、定数を許可します。だから言う代わりに：

#title { color: #abcdef; }

代わりに、LESS を使用して次のことを行うこともできます。

@base-color: #abcdef;

#title { color: @base-color; }

CSS の維持はそれほど問題ではなくなります。

結果をレンダリングするブラウザーのパフォーマンスが心配な場合は、それも選択の別の要因になる可能性があります。

したがって、要約すると、次のようになります。

  • 親しみやすさ
  • 好み
  • 保守性
  • パフォーマンス
于 2010-08-26T13:54:45.770 に答える
8

あなたが言ったように、主な理由はおそらくコンパクトさです。省略表記#ffffffにさらに短縮することもできます。#fff

もう1つの考えられる理由は、ブラウザでrgb表記を変換する手間を省くことで、パフォーマンスが向上したと認識されることです。

于 2009-07-23T12:40:41.460 に答える
6

従来、HTMLは常に16進色を使用していたため、CSSにも引き継がれています。考え<font color="#ffffff">

于 2009-07-23T12:34:30.473 に答える
6

私は常に 16 進数を使用していましたが、今日は値を次のように設定することを好みます。

rgb(82, 110, 188)

私のcssファイルでは、不透明度を追加したいときはいつでも、rgbの名前をrgbaに変更し、不透明度の値を追加するだけです。利点は、不透明度を追加する前に 16 進値を RGB に変換する必要がないことです。

rgba(82, 110, 188, 0.5)
于 2014-05-18T09:30:28.470 に答える
5

CSSは、設計者ではなく、ソフトウェア開発者によって発明されました。ソフトウェア開発者は、16進数を生きて呼吸します。私の昔のC64の時代から、私はまだほとんどの16進数を考えずに読むことができます。A9、どなたか？

于 2009-07-23T12:44:49.870 に答える
4

さまざまなものが単一の16進値を受け入れますが、3つの10進値を入力する方法が異なる場合があります。また、常に6文字（または3文字、確かに-プラス＃）であるため、それらのリストを簡単にスキャンできます。

ミックスに追加するランダムな考えのほんの2、3 ...

于 2009-07-23T12:35:40.710 に答える
2

色がブラウザによって解釈されるとき、おそらく少しスピードがあります。そうしないと、デザインのバックグラウンドを持つ人の中には、コードを書くときにRGBコンポーネントから色を構成する方法を知っている人もいれば、プログラミングのバックグラウンドを持つ人の中には、おそらくHEX値を使用する傾向がある人もいます。

于 2009-07-23T12:34:01.723 に答える
1

個人的な好み以外に正当な理由はありません。

于 2009-07-23T12:29:58.087 に答える
1

HTMLの作成が長すぎるかもしれませんが、HEX値で考える方が簡単です。HTML用の事前定義されたカラーパレットの多くは、HEX値にきちんとマップされます。短縮フォーマットを使用すると、自動的に「Webセーフ」カラーも提供されますが、これは32ビットカラーディスプレイの時代には実際には問題ではありません。

于 2009-07-23T12:44:35.237 に答える