[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

cssとrgbに関するbitgleamsのブックマーク (2)

  • CSSでの色指定について。半透明とかキーワードとか、ご存知でした? (CSS おれおれ Advent Calendar 2012 – 01日目) | Ginpen.com

    CSS おれおれ Advent Calendar 2012 – 01日目 文字の色やら背景色やらでよく使っていると思うのですが、まとめてみました。 アルファ系なんか便利かなーって思います。box-shadowの色が濃いときにrgba(0,0,0,0.5)とかやったりします。 さてさて。 RGBで指定 光の三原色(赤緑青)で指定します。 #rrggbb これが一番一般的。16進数で各2桁、合わせて6桁で指定します。 16進数はわかりますか? 普通の10進数で0が16進数の0、9が9、10がA、11がB、15がF、16が10になります。2桁なので0からFF、つまり0から255までの数値を指定できます。 アルファベットは大文字ABCDEFでも小文字abcdefでも構いませんが、CSSの仕様書では小文字で例が記述されているので、そちらが標準みたいです。 #rgb 16進数各1桁で指定します。

    CSSでの色指定について。半透明とかキーワードとか、ご存知でした? (CSS おれおれ Advent Calendar 2012 – 01日目) | Ginpen.com
  • PNG軽量化の減色と圧縮について | GREE Engineering

    このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。(この記事では減色アルゴリズムについての説明は省略します。) テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 (パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと

    PNG軽量化の減色と圧縮について | GREE Engineering
  • 1