タグ

色に関するhayasi-nのブックマーク (8)

  • 色の組み合わせ方の参考にいい!Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color

    指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -GitHub Colorでは、さまざまなリソースを元にカラーパレットを生成し、カスタマイズできます。 既存のWebページをベースに 指定したカラーをベースに カラーボックスをベースに 画像をベースに JSONをベースに 生成したカラーパレットは、CSS, Sass, JSONなどに書き出すことができ、色の名前なども分かります。 まずは、2019年のトレンドカラー「Living Coral」をベースに作成してみました。

    色の組み合わせ方の参考にいい!Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color
  • Webで使えるカラーネームと、そのカラーコード・RGB値一覧

    2019年3月13日 CSS, 色彩 Webサイトを作るとき、通常色の指定にはカラーコードを記述しますが、決められた色名称を使うこともできます。色を自分で一から探すより、リストの中から選ぶ方がイメージにあう色が探しやすいよなぁ…という場面があったり、単純に色の名前からカラーコードやRGB値を知りたいということが時々あったので、一覧にまとめました。新たに加わった「rebeccapurple」も一覧に入れていますよ。 追記:カラーコードをRGB値に変換するツール作りました→「Quick HEX to RGB」 覚えやすい・使いやすい色 Webサイトの制作途中やテスト段階では、手軽に「とりあえず」色をつける…ということもあります。そんな時は短くてスペルの簡単な色名称を覚えておくと便利です。よくある「red」や「blue」だと彩度が高すぎて使いにくい、ということも。まずは私がよく使う、覚えやすく

    Webで使えるカラーネームと、そのカラーコード・RGB値一覧
  • 本当に役立つ配色サービス30選。配色難民の新人デザイナーに捧ぐ

    こんにちは。 ジャスの意味がわかるやつは大体友達。Webデザイナーのミライです。仙台出身です。 私は入社当初から約1年、LIGブログの「アイキャッチ(記事サムネイル)」「バナー」「背景ジャック(大型バナー)」を制作しており、制作の回転数が多いこともあって、配色でぐるぐると悩むことがよくありました。 そのときにカラーリングの参考になるサービスサイトを手当たり次第に調べて、ためていたものを紹介します。けっこう量があり、ひと通りの配色系ツールを押さえているので、ブックマークしておけばきっと役に立つことでしょう。 配色に悩んで脳内、インターネット砂漠をぐるぐるとさまよい歩いたあなたの旅もここで終わりです。仕事はさっさと終わらせて、早く帰って寝るのです。 はじめに 説明を読めないほど疲弊しているあなたのために、評価の軸を立てました。 見やすさ 特異性 掲載数 です。 個人的な観点ではありますが、サク

    本当に役立つ配色サービス30選。配色難民の新人デザイナーに捧ぐ
  • カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応

    カラーコード変換ツールについて使い方基的に、気になったところをクリックすれば、その色の色コードを調べることができます。Hex(16進数)からRGB(10進数)に変換したい場合は、Hexに直接カラーコードを入力するか、画面上部のカラーピッカーで色を選択して下さい。例えば、RGB(10進数)からHex(16進数)に変換したい場合は、R、G、B、それぞれに10進数でRGB値を入力して下さい。色コードをコピーしたくなったら、画面上部のナビバーの、コードの部分をクリックして下さい。補色と反転色補色は、色相環上の正反対に位置する色です。メインカラーに対するアクセントカラーの候補となります。反転色は、カラースケール上のRGB値を反転させた色です。こちらもメインカラーに対するアクセントカラーの候補となります。HSVとHSL色空間HSV、HSL値におけるSは「彩度」です。この値を減らすと、薄くなり、背景色

    カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応
    hayasi-n
    hayasi-n 2017/08/17
  • この秋、デザインやファッションに使いたい10色 -2013年秋のトレンドカラー

    暑いのが苦手なので、秋がくるのが待ち遠しいのですが、身の回りなどにちょっと秋のエッセンスを加えてみたいなという秋のムードを表現した素敵なカラーをPANTONEから紹介します。 Pantone Fashion Color Report Fall 2013 Pantoneがセレクトしたこの秋を楽しむ素敵なカラーは、10色。 今回は各色の紹介とともに、Pantoneのデザイナーがオススメする組み合わせたいカラーも加えてみました。 まずは、2013年のトレンドカラーでもあるエメラルドから。 ※各カラーのリンク先は各カラーのアートワークとデザイナーの紹介ページです。

  • ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup
  • 色名称付色見本[黄色、オレンジ、金系] – コピペで出来る!簡単ホームページ作成入門

    色名称とカラーコードとRGB値をまとめた色見です。 黄 色 色名称 カラーコード RGB値(R,G,B) コメント

  • HTMLの16進カラーコードとRGBを相互変換するサービス:phpspot開発日誌

    Color converter - HEX to RGB and rgb to hex color converter This free color converter gives you the hexadecimal values of your RGB colors and vice versaHTMLの16進カラーコードとRGBを相互変換するサービス. 次のように、16進カラーコードとRGBを相互変換できます。 ふとしたとき、こういった機能ってほしいものですが、なかなか無かったりするのでメモっておくとよさそう。

    hayasi-n
    hayasi-n 2012/08/21
  • 1