タグ

色に関するbittttttttttchのブックマーク (4)

  • Webアクセシビリティガイドラインのコントラスト比について色相環を使って視覚化してみた。|brightflavor@育休中Webデザイナー×グラフィックレコーダー

    2-PCCS色相環の各色を背景色にした時、レベルAA達成になる色合いは?さて、コントラスト比は4.5:1で作るのがベストと改めて確認できたので、ここから色の勉強や色彩検定などで必ず出てくる色相環をベースに作ってみることにします。 ■前提として ・「PCCS色相環」の24色のカラーコードを基準色として利用。 ※RGB値(16進数)のコードは下記サイトより。 ・文字は白(#FFFFFF)。 ・色相環24色を背景色とし、HSVの「明度」を変化させ、どこまで明度を落とすとレベルAA(コントラスト比 4.5:1)達成になるかをみる。 ・測定に使用したアプリは「カラー・コントラスト・アナライザー」 結果、こうなりました。 色相環で表すとこんな感じに。 こうしてみると、レベルAA達成の時点でダーク寄りの色合いになってしまうのが、よくわかると思います。特に、朱色(v4)から緑(v12)のあたりまでの色は、

    Webアクセシビリティガイドラインのコントラスト比について色相環を使って視覚化してみた。|brightflavor@育休中Webデザイナー×グラフィックレコーダー
  • Converting Colors

    Conversions · Details · Harmonies · Images · Preview · Color Blindness Simulation · CSS · Help ConversionsHere you see your color converted to 17 different color formats like RGB, CMYK, HSV, HSL, CIELab, Android, Decimal, and YUV. 🤖 Convert multiple colors at once or 📢 get Conversions and Harmonies via the REST API.

    Converting Colors
  • UIデザインで注目を浴びるグラデーションカラー。自然界の原理が関係していた! - Workship MAGAZINE(ワークシップマガジン)

    色は、デザインに大きな影響を与える要素のひとつです。デザインが進化していくなかで、色に対する視点も絶え間なく変わり続けてきました。 最近では、UI、ブランディング、イラスト、タイポグラフィーなどに、グラデーションカラーを使用している例をよく見かけます。それは、世界に存在するすべての色に飽きてしまったクリエイターたちが、新しい色を生み出そうとしているようにも見えます。 グラデーションとは複数の色をひとつの要素に使い、 その色の間にフェードをかけ連続した階調で表現する方法です。単色では実現できないトーン、ユニークな雰囲気、モダンで新鮮な感覚を与えることができるので、デザイナーはまるで新しい色を作っているかのような気分になることでしょう。 グラデーションカラーが、次のスタンダードになるのでしょうか。今までのフラットカラーは、もう時代遅れになってしまうのでしょうか。 トレンドは瞬く間に移りかわり、

    UIデザインで注目を浴びるグラデーションカラー。自然界の原理が関係していた! - Workship MAGAZINE(ワークシップマガジン)
  • 初の「色彩商標」、トンボの消しゴムとセブン-イレブン

    経済産業省は3月1日、色彩の商標登録を初めて認めたと発表した。企業・商品などのブランドを象徴する色や色の組み合わせを商標として保護するもので、第1号としてトンボ鉛筆の消しゴムと、セブン-イレブン・ジャパンの店頭などに使われている色彩2件が認められた。 色彩商標は、2015年4月に受け付けを始めた、図形や音などを対象にした新しいタイプの商標の1つ。これまで200件超が出願されているという。 第1号の2件は、トンボ鉛筆「MONO」ブランドの消しゴムでおなじみ「青・白・黒のストライプ」と、セブン-イレブンの看板などに使われている「白地にオレンジと緑、赤のストライプ」。トンボ鉛筆は「消しゴム」のみ、セブン-イレブンは日用品の販売などについて認められた。 トンボ鉛筆「MONO」の3色は、1969年に発売した「MONO消しゴム」の体を巻いている紙製ケースに採用してから48年間変えておらず、商品が増え

    初の「色彩商標」、トンボの消しゴムとセブン-イレブン
  • 1