LINE社員1,361名の"色覚に関するアンケート"
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか？ 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa
主要Webサービスブランドカラーコード 2023 - Qiita
はじめに 有名どころのブランドカラー一覧です。 まとめられているサイトはいくつかありますが、更新されていないものが多かったため自分のためにまとめます。 CSSにコピペする用にコードブロックでのせていますので、コードブロックにマウスをホバーすると出るコピーアイコンでコピーして使ってください。 ブランドロゴのガイドラインに記載がない場合は、実際にサイトに行って開発者ツールで直接スタイルを確認してカラーコードを抽出しました。 随時更新予定です。 ブランドカラー一覧（アルファベット順） Amazon ベース Logo Download 矢印 HEX: #ff9900 RGB: rgb(255, 153, 0)
Sassで色を調整する - Qiita
sassでベースカラーを元に色の変更を行う関数を忘れがちなのでメモ HSL［色相（Hue）、彩度（Saturation）、輝度（Lightness）］ベース Photoshop等で使用されるHSB(HSV)［色相（Hue）、彩度（Saturation）、明度（Brightness・Value）］ではない HSBで色を変換したいときは「Sassで色空間『HSB』を扱う関数を作った話」で関数を作成されています 色相の変更 adjust-hue($color, $degrees) 色相環の度数($degrees)を○○degで指定 // ベースとなる色 $base-color: #79a5e0; .adjust-hue { color: adjust-hue($base-color, 60deg); }
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツまとめ
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
Color Wheel - Color Calculator | Sessions College
Whether you’re designing a logo or painting a house, choosing colors can be frustrating. Where do you start? Which colors work together, and why? How can you creatively explore different moods or directions? Use the free Color Calculator to explore creative color options for your design project. Simply pick your base color(s), choose a color harmony, tweak/explore as needed, and see results. You’l
シャニマスのチェックボックスから見る色弱者の世界｜謝罪Ｐ
先日のアップデートでシャニマスのUI周りに色々と手が加えられた。 その中でも個人的に嬉しかったのは、ソートに関連するチェックボックスのON/OFFが見やすくなっていたことだ。 大多数のユーザーにとっては「まあ確かにね」くらいのものかもしれない。しかし私は「これでようやくまともにソート機能が使える」とひそかに歓喜した。一部のユーザーも共感してくれるのではないだろうか。 なぜなら私の目に映った変化は以下のようなものだったから。 チェックの光沢の有無でかろうじて判別していた（ひよこ鑑定士か？）この見え方の差異は、私が『色覚マイノリティ』、いわゆる『色弱者』であることに起因する。 『色弱者』って何？光（色）を感じる視細胞が何らかの原因により欠損、または十分に機能しないことによって色の見え方が一般とは違う人のことを、本記事では『色弱者』という呼称で表記する。 日本人男性の5％、女性の0.2％がこの色
人間が想像すらできない「色」を鳥が見ていることが3年にわたる実験で示される
人間の目は赤・緑・青という3つの光の波長を知覚し、それを組み合わせることで多くの「色」を識別していますが、自然界には人間が知覚できない色を識別している生物も存在します。3年にわたる実験で、鳥が人間に識別できない「紫外線」まで識別し、人間とは全く異なる世界を見ていることを示した驚くべき論文が、新たに発表されています。 Wild hummingbirds discriminate nonspectral colors | PNAS https://www.pnas.org/content/early/2020/06/09/1919377117 Hummingbirds Can See Colours We Can't Even Imagine, Experiment Reveals https://www.sciencealert.com/hummingbirds-can-see-colour
Color Hex - ColorHexa.com
ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA
指定した条件からカラースキームを提案してくれるサービス「Color Schemr」 | ライフハッカー・ジャパン
「Color Schemr」は指定した条件からカラースキームを提案してくれるサービスです。気に入った色を固定にしてその他の色を決めたり、赤色と緑色だけでカラースキームを作るなども可能です。作ったカラースキームからグラデーションを作成してプレビューすることもできました。 以下に使ってみた様子を載せておきます。まずColor Schemrへアクセスしましょう。COLOR SCHEME GENERATOR からカラースキーム作成が行えます。 カラースキームを作成する画面です。上部に使用する色などの設定が並んでいます。カラースキームの各色をクリックすると固定化することができるので、気に入った色はロックしておきましょう。左右に新しく色を追加でき、「Disco」や「Piano」モードをONにするとランダムに色を提案してくれます。提案される色は、メニューにある「Red」「Green」「Blue」の中から
osakana.factory - ベッキーの髪の陰は何故ピンクなのか(2005年11月25日)
osakana.factory（おさかなファクトリー）は、未識 魚（みしき さかな）による個人プロジェクトです。萌え系 CGや、PhotoShop・画像処理などの技術情報、お絵描き講座、フリーソフトウェアなどの公開、情報社会学系のデムパ発信等を行っています。 作者： 未識(みしき) 魚(さかな) mishikiMishiki Sakana小中高の学校の勉強や仕事の進め方というのを真剣に考え直す時代ってことよ。汎用AIでこの得点が出るんだから、試験問題特化で作れば終わりですがな。偏差値65～70くらいはないとこのレベル越えないけど、それって単に大学教員と同じ思考回路… https://twitter.com/i/web/status/1668679852747264001(2023/06/14 03:00:54) UFOってのが英語圏のミームであることがよく分かる。恐らくはアメリカや欧州での
OS X Yosemiteの閉じるボタンの”x”印が左にズレて見えるのは色収差のためなのか？
内容としては「メガネを掛けた人が遠くから中心を見た時に色収差に苦しむ」として以下の様なテストを上げており、色収差自体は存在するがYosemiteの”x”印のズレがそのためかには疑問を呈しており、 Simple test: look at the close button straight, then turn your head sideways and see how the “x” appears to move, googly eye style. >簡単なテスト：閉じるボタンをまっすぐ見て、頭を横にひねった時、閉じるボタンの”x”がgoogly eyeの様に動いたように見える。 However, when there is a straight line between the close button, the center of your glasses and your ey
エンジニアこそ色彩デザインを学ぼう - ppworks.jp
学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる本 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行本 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオススメとのことです。よっしゃ、学ぼう。 新人デザイナーのための色彩デザイン・配色のルールを学べる本 新人デザイナーのための色彩デザイン・配色のルールを学べる本 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行本 クリック: 1回この商品を含むブログを見る WEBというより印刷のデザイナー向けの本なのかな？という印象なのですが色の使い方という意味では勉強になりました。 特色の話やCMYKプロセスカラーの話は一旦無視しながら
大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色（白っぽいクリーム色とか白っぽいねずみ色） 黒っぽい色（赤っぽい黒とか青っぽい黒とかそういうの） 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
『色を色で見ないで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「当時もこんな空だったのかな」──カラー化した原爆写真がネットで反響 AIと人力で戦時中などの写真を色付ける「記憶の解凍」（ITmedia NEWS） - Yahoo!ニュース
「iPhoneの画面をグレースケールにするとスマホに全然触らなくなる」というスマホ中毒の解消技を試したら本当に魅力が激減して全然触らなくなった
美しいけれど毒がある『パリグリーン』の壁紙やドレスの話「このドレスを着た女性は次々と原因不明の早死に…」
tmuxのcolor一覧について : まがりの日記
色見本と配色サイト - color-sample.com
