質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.48%

  • デザイン

    86questions

    プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。

10進数カラーも、16進数カラーもRGB? RGBAは何進数?

解決済

回答 3

投稿

  • 評価
  • クリップ 1
  • VIEW 1,254

re97

score 195

色指定方法の分類について調査しています
・10進数カラーも16進数カラーも同じRGBカテゴリに属するのでしょうか?

一般的にカラーコードと言えば何れを指すのでしょうか?
・文脈による?

RGBA
・何進数?

色の分類方法
・RGB、HLS以外の色指定方法はあるでしょうか?

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+2

系統的に表す場合、色は3つの数字で表されますが、まず大前提として、「どのような数字の3つ組を使うか(表色系)」と、「その数字を何進法で表すか」は、本来まったく無関係な話です。とはいえ、RGB以外の表色系の値を16進法で書くことはほぼないです。

 色の表し方各種

 系統的でないもの

DICやPantoneといったメーカーが色カタログを出していて、それの番号で指定する、という方法があります。メーカーが勝手につけたものなので、規則はありません。

また、塗るべき塗料が決まっている場合に、その塗料自体で色を指定するということもあります。これまた、汎用性はありません。

 系統的なもの

  • RGB…ディスプレイのような発光するものについて、赤・緑・青それぞれの成分ごとの明るさを指定する方法です。CSSで#RRGGBBのように16進数指定や、rgb(rr, gg, bb)のように10進数指定できます。
  • RGBA…上のRGBに、透明度を表すアルファチャンネルを追加したものです。CSSでrgb(rr, gg, bb, a)のように書く場合、aは0から1までの実数で指定します。
  • CMYK…印刷に使われるもので、4色のインクの混ぜ具合としての表現です。通常、「C 20%、M 15%、K 30%」のようにパーセント表記されます。
  • HSL、HSV…色を「色相」「彩度」「輝度/明度」という3成分で表す方法です。色相は0°~360°、残り2成分はパーセンテージで表します。
  • マンセル…これも「色相・明度・彩度」の3要素ですが、「7PB 4/10」のように「色相 明度/彩度」のように書いて、色相は「1~10+英字」、明度は0~10、彩度は色によって最大値が違います。

この他にも表色系は多数あります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/27 11:14

    ・回答ありがとうございました
    ・説明大変分かりやすかったです

    キャンセル

0

カラーコードとは色をRGB方式で数値化した値を # に続く24bit分の16進数で表記した物を指します。
"#FFFFFF"(16進数) を R:255,G:255,B:255(10進数) のようにあえて10進数表現する場面も画像ソフト等でよくありますが単にカラーコードと言うだけなら #FFFFFF の方式を指すと考えて問題無いかと思います。

RGBA が何進数か?と問われていますが RGBA とはカラーモデルであり進数ではありません。
ちなみにデータ長で言えば RGB が 24bit で RGBA が 32bit というのが一般的だと思います。

カラーモデルは RGB,HLS 以外では他に RGBA,HSV,CMY,CMYK,CMK 等があります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/27 11:09

    ・回答ありがとうございました

    >RGBA が何進数か?と問われていますが RGBA とはカラーモデルであり進数ではありません
    ・他の方の回答を読んだ後読み返したら、なるほどと思いました

    キャンセル

0

css 色指定
で google 検索したら、こんなページがみつかりました。

...
background: カラーネーム;
...
background: #rgb;
background: #rrggbb;

background: rgb(赤の量,緑の量,青の量);
background: rgba(赤の量,緑の量,青の量,透明度);

background: hsl(色相,彩度,輝度);
background: hsla(色相,彩度,輝度,透明度);
...

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/03/27 11:07

    回答ありがとうございました

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.48%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • デザイン

    86questions

    プログラミングでのデザインとは、プログラムの構成や、使用の信頼性・持続性・正確性・利便性の目標達成にはどうするのがベストなのか特定の選択を行うことです。