goo

色んなRSSアイコンを作ってみました(カラーコード)

この資料を読む前に、本文をご覧ください。


-Feed Icons of 13 colors (Mid私製版)

本項は、本文をご覧ください。


-変更部分の解説

本項は、本文をご覧ください。


-指定したカラーコード

今回指定したカラーコードは、以下の13通り。

  1. オレンジ(デフォルト)
    stop-color="#E3702D"
    stop-color="#EA7D31"
    stop-color="#F69537"
    stop-color="#FB9E3A"
    stop-color="#EA7C31"
    stop-color="#DE642B"
    stop-color="#D95B29"
    fill="#CC5D15"
    fill="#F49C52"

  2. バイオレット(オレンジ色ベース)
    stop-color="#702DE3"
    stop-color="#7D31EA"
    stop-color="#9537F6"
    stop-color="#9E3AFB"
    stop-color="#7C31EA"
    stop-color="#642BDE"
    stop-color="#5B29D9"
    fill="#5D15CC"
    fill="#9C52F4"

  3. ミント(オレンジ色ベース)
    stop-color="#2DE370"
    stop-color="#31EA7D"
    stop-color="#37F695"
    stop-color="#3AFB9E"
    stop-color="#31EA7C"
    stop-color="#2BDE64"
    stop-color="#29D95B"
    fill="#15CC5D"
    fill="#52F49C"

  4. マゼンタ(オレンジ色ベース)
    stop-color="#E32D70"
    stop-color="#EA317D"
    stop-color="#F63795"
    stop-color="#FB3A9E"
    stop-color="#EA317C"
    stop-color="#DE2B64"
    stop-color="#D9295B"
    fill="#CC155D"
    fill="#F4529C"

  5. ブルー(オレンジ色ベース)
    stop-color="#2D70E3"
    stop-color="#317DEA"
    stop-color="#3795F6"
    stop-color="#3A9EFB"
    stop-color="#317CEA"
    stop-color="#2B64DE"
    stop-color="#295BD9"
    fill="#155DCC"
    fill="#529CF4"

  6. ライム(オレンジ色ベース)
    stop-color="#70E32D"
    stop-color="#7DEA31"
    stop-color="#95F637"
    stop-color="#9EFB3A"
    stop-color="#7CEA31"
    stop-color="#64DE2B"
    stop-color="#5BD929"
    fill="#5DCC15"
    fill="#9CF452"

  7. グレー(グレースケールのオリジナル)
    stop-color="#808080"
    stop-color="#929292"
    stop-color="#9B9B9B"
    stop-color="#919191"
    stop-color="#797979"
    stop-color="#707070"
    fill="#777777"
    fill="#999999"

  8. サーモン(グレースケールベース)
    stop-color="#FF8080"
    stop-color="#FF9292"
    stop-color="#FF9B9B"
    stop-color="#FF9191"
    stop-color="#FF7979"
    stop-color="#FF7070"
    fill="#FF7777"
    fill="#FF9999"

  9. ライトグリーン(グレースケールベース)
    stop-color="#80FF80"
    stop-color="#92FF92"
    stop-color="#9BFF9B"
    stop-color="#91FF91"
    stop-color="#79FF79"
    stop-color="#70FF70"
    fill="#77FF77"
    fill="#99FF99"

  10. スレートブルー(グレースケールベース)
    stop-color="#8080FF"
    stop-color="#9292FF"
    stop-color="#9B9BFF"
    stop-color="#9191FF"
    stop-color="#7979FF"
    stop-color="#7070FF"
    fill="#7777FF"
    fill="#9999FF"

  11. スカイブルー(グレースケールベース)
    stop-color="#80FFFF"
    stop-color="#92FFFF"
    stop-color="#9BFFFF"
    stop-color="#91FFFF"
    stop-color="#79FFFF"
    stop-color="#70FFFF"
    fill="#77FFFF"
    fill="#99FFFF"

  12. ピンク(グレースケールベース)
    stop-color="#FF80FF"
    stop-color="#FF92FF"
    stop-color="#FF9BFF"
    stop-color="#FF91FF"
    stop-color="#FF79FF"
    stop-color="#FF70FF"
    fill="#FF77FF"
    fill="#FF99FF"

  13. イエロー(グレースケールベース)
    stop-color="#FFFF80"
    stop-color="#FFFF92"
    stop-color="#FFFF9B"
    stop-color="#FFFF91"
    stop-color="#FFFF79"
    stop-color="#FFFF70"
    fill="#FFFF77"
    fill="#FFFF99"


-SVGの閲覧方法

本項は、SVGプラグインを使ってみたをご覧ください。



コメントは本文(前の記事)にお願いします ↑B

コメント ( 0 ) | Trackback ( 0 )
« 色んなRSSアイ... N3524CMプレゼ... »
 
この記事のトラックバック Ping-URL
 
 
・このブログへのリンクがない記事からのトラックバックは受け取らないよう設定されております
※ブログ管理者のみ、編集画面で設定の変更が可能です。