サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
似てる色は？と聞かれて多数派の人はなに色となに色を思い浮かべるだろう。 例えば赤とオレンジ、緑と黄緑は似てるというかもしれない。 私の場合は赤と緑の２色を近いと感じるため、この色を含んだ異なるトーンのピンクと淡いグリーン、オレンジと黄緑なども近いと感じる。 緑に近いと感じるピンク オレンジに近いと感じる黄緑 一般的に似ているとされる色は赤みがかった茶色であるとか緑がかった青とか色相環を見ればわかるように隣りあい、混ざりあっても不自然でないことが示されている。 色相環 しかし私には赤みがかった緑(当然逆も)というのがある。 色相環を見るとこの2色は全く隣り合わない位置にある。 多数派の人には赤と緑というのはとても遠い色かもしれないけど、私にはとても似ていて境界が溶け合っているような曖昧な色だ。 胸をはって「ピンクグリーン」みたいな自分が感じたままの色を言えるようになりたい。
An examination of design for readabilityAnd before we continue, let’s makeit absolutely clear that we have no control of the color of thetext in this very article, asit is hosted through Medium.com, which features poor visual accessibility of their site design. Further, Medium prevents their users from selectingblacktext as a choice. While Medium’s “Fischer-Price-simple” contentcreation is e
概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ
少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ（表示）を
Explanation Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. Enter anAlpha value to adjust the transparency of the foreground color. Use the Lightness slider to adjust the perceived lightness of the color. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normaltext and 3:1 for largetext. WCAG 2.1 requires a contrast rat
夏です。木々の緑が鮮やかな季節がやってきました。 [tsujimotterの母校、北大にて撮影] 植物の葉を眺めてると、私はいつもこんな疑問を思い浮かべます。 どうして緑色なのだろうか？ 色は、私たちは幼い頃から知っている身近な存在です。その一方で、とても神秘的な存在でもあります。 色とは何だろうか？ 考えれば考えるほど、その正体が分からなくなってしまうのです。 たとえば、みなさんは色の仕組みに関するこんな問いに答えられるでしょうか？ ・空の色が青色なのはなぜだろう？（太陽の光は白色のはずなのに） ・絵具を混ぜて金色が作れないのはなぜだろう？（そもそも金色っていったい何なのだろう） ・モルフォチョウの翅の色がきらびやかな青色をしているのはなぜだろう？（自然界には青色をした物質はほとんどない） 今回考えたいのは「植物の葉はなぜ緑色なのか？」です。 この問いを突き詰めていくと、分子の中にある電
世界で初めてイメージを測るモノサシを開発 サンプルボタン オリジナルシステムを使ったソリューションを提供 企業情報 About NCD 商品案内 Merchandise サンプルボタン ORIGINAL SYSTEM イメージスケール Image scale Hue&Toneシステム Hue&Tone system サンプルボタン NEWS 2025.08.25 『イメージ情報』第89号 発刊のお知らせ 2025.03.07 イメージスケールを活用した美容師向けの書籍が発売されました 2025.02.25 『イメージ情報』第88号 発刊のお知らせ 2025.02.17 お問い合わせフォーム復旧のお知らせ 2025.02.14 【重要】お問い合わせフォーム不具合のお詑びとご案内 お知らせ一覧 法人向けソリューション 情報誌『イメージ情報』住宅関連レポート ソフトウェア・アプリ 新イメージス
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?Emacs Advent Calendar 2020 の 9 日目の記事です。 おととしの Advent Calendar でカラーテーマについての話を書いたのですが、その後２年、実際に自分で使ってみて色々と考えが整理された＆実装も進化したので改めて紹介させてください。 当時の記事と重なる箇所もありますが、ご了承ください mm tl;dr 「色を持たない」カラーテーマによって、Emacs の外観を簡単に、一貫性を保ってコントロールできるようにしました。 カラーテーマの責務Emacs の Basic FacesEmacs には Ba
GitHub Dark Mode is Too DarkIf you hateit too this is why. Using color theory to show whyGitHub dark mode is disappointing Shared on Hacker News andTwitter This past week,GitHub released a long-awaited feature — dark mode. Like many devs around the world, I was hype. In 2020, a dark mode toggle for anything remotely related totech seems like a requirement. So I flipped theswitch. My immediat
ああっ！ あなたはうっかり monokai テーマを泉の中に落としてしまった！！ 「そ、そんな……！ おらの monokai テーマが……！！」 あなたは地面に手をつき、必死で泉の水を掬ったが…… monokai は、泉の底へと沈んでいったようだった。 そのとき、泉の上に光の窓が現れた 窓から光が溢れ出し、光は人の姿を象った。 頭上には光の輪が燦然と輝いている。背からは翼が生えていた。 『……ますか……聞こえていますか』 『今、あなたの心に直接呼びかけています……』 「め、女神様？！」 女神はあなたに問いかける 『あなたが落としたのは、赤の monokai ですか』 『黄色の monokai ですか』 『それとも、茶色の monokai ですか』 どれが本当の monokai なのか？ 「女神様」 「おらが落とした monokai は、その中にはありませんですだ」 『……そうですか。お役に
Free for commercial or personal use by DimaBraven. WebGradients is a free collection of 180linear gradients that you can use as content backdrops in any part of your website. Easy copyCSS3 crossbrowser code and useit in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。ちょっと自分でもどこを目指しているのかわからない 1 あずきしろもち（@azukisiromochi） です。 今回は 配色Webサービス のお話。 ターゲットとしては 「色彩学とか配色理論とかどうでもいいから、手軽にそれっぽい配色を決めてくれるツールはよ！」 って感じで、配色には時間をかけず、（コーディングなどの）本題に時間を掛けたいという層です。 ということで、難しい操作なく配色を決定できるツールを紹介していきます ❗ Random material palette 概要・使用感 クリックするだけでランダムな3色配色を生
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。
はじめに スマホアプリやWebアプリで、ボタンなどのUIを作る場合を考えます。例えばボタンの色と、その上の"OK"などのテキストの色を決める際に注意すべき点を紹介します。UIだけでなく、ドキュメントの図やプレゼン資料など、色を使う全ての場面に使えます。 例えば、スマホアプリに次のようなボタンがあるとします。 こういう配色のボタン、よく見ますよね。ところが、このボタンは背景の黄緑色と「今すぐ購入」のフォントの白の「コントラスト比」が低い、つまり「色の明るさの差」が少ないので、「文字が薄くて読めない」と感じるユーザーが存在します。 人間の色の感じ方はみな同じではなく、遺伝子の状況や疾患などによって異なります。例えば、正常とされる人とは異なった色に見えたり感じたりする「先天性色覚異常」は、日本人男性の20人に１人(5%)、日本人女性の500人に1人(0.2%)といわれており、男性ではAB型の血液
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flatui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
yum-yum COLOR is a web service that can intuitively select color combinations.
TL;DR まあぜんぜん最強ではないですが、自分好みの配色 Web サービスをつくってみました yum-yum COLOR 個人で公開まで作りきったのは初めてでしたので、色々とつまずきました そんなつまずきポイントや、 Web サービスを公開するために利用した技術などを紹介していきます ❗ なぜ配色サービス ❓ 色彩検定という資格をご存知でしょうか？ 僕はプログラマーなのに 色が好き で、この試験を受検しました。 その学習をしてる時にこんな風に思ったのです。 この色相環、これを使って配色選べたら便利じゃない？ あっ、このトーン、これを使って配色選べたら便利じゃない？？ と。 受検勉強の追い込みをしないといけないのに、そっちのけで作り始めてしまった...というわけです （一時はどうなるかと思いましたが、無事に検定は合格しましたよ 🎉 ） どんなサービスなの ❓ 使い方 色相環 と Hue
道路工事中の赤ランプ、踏切、非常口のマーク―― 2018年4月、JIS（日本工業規格）の改訂に伴い、こういった場所に使われている「安全色」が変わったことをご存じでしょうか。 設備の入れ替わりに時間がかかるため、ひょっとしたら、まだ“新色版”を目にしていない人もいるかもしれません。ですが、仮に見ていたとしても、多くの人は気付かないままでしょう。というのも、一般的な色覚を持つ人には、“小さな違い”しか分からない調整が行われているからです。 上下どちらが改訂前、改訂後なのか分かりますか？ しかし、この改訂により、あるタイプの色弱者には「色味が感じられなかった標識がカラーになる」など“大きな変化”があるのだといいます。安全色に起こった小さくて大きな変化とは、どのようなものなのか。CUDO（カラーユニバーサルデザイン機構）副理事長・伊賀公一氏に話を伺いました。 約60年前から配慮されていた「色覚の多
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
