Towards richer colors on the Web
Preface Introduction Colors on the Web CSS Color Color in Chromium Render pipeline Richer colors Some ideas from WebKit High precision colors in Skia Summary In Closing Preface This blog post is based on my talk at the BlinkOn 14 conference (May 2021). You can watch the talk here: Towards richer colors in Blink (BlinkOn 14) And the slides are available here: Towards richer colors in Blink - slides
パワポっぽさを脱却する〈色彩編〉｜PowerPoint+
■パワポの色はダサいどうも今回は脱パワポっぽさ！ということで、色をテーマにまとめていきたいと思います！ みなさん、パワポでスライドを作る際、色をどのように決めていますか？ 図形を挿入した時のデフォルトの色を使っていますか？ 図形の塗りつぶしから色を選んでいますか？ もちろん、もともとパワポに設定されているカラーでも問題はありませんが、どうしても普段から目にすることが多いので、パワポっぽさを感じる配色になってしまいます。 今回のテーマ「パワポっぽさを脱却する」ということですから、私がいつもやっている方法を紹介したいと思います！ ■色を決めるのはめちゃくちゃ難しいということを自覚する実際に私がおすすめする方法を紹介する前に、色を決めることの難しさについて話したいと思います。 フランスの国旗（イタリアでもルーマニアでもドイツでもチャドでもポーランドでもいいですが笑）で考えてみたいと思います。もし
Color Palettes for Designers and Artists - Color Hunt
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
パワポやExcelのグラフを色弱者にも分かりやすくするセットを有志が無料配布 作者「将来は標準設定に」
プレゼン資料の作り方を解説した本の中で、色を効果的に使ったグラフやスライドが「良い例」として紹介されることがあります。 ですが色を多用したプレゼンテーションには落とし穴も存在します。日本人男性の約5％、女性の約0.2％は特定の色の識別が苦手とされており、そうした色弱者にとっては「むしろ分かりにくいデザイン」になってしまう可能性があるのです。 カラーユニバーサルデザイン機構（CUDO）副理事長である伊賀公一さんは、前述の問題を解決するために、PowerPointやExcelの配色セットを「誰にでも分かりやすい色」であるカラーユニバーサルデザイン（CUD）に変更する方法を公開しました。 パワーポイントの色が分かりやすい色に CUDで作られた「色弱者にも分かりやすいプレゼン資料」 その方法とは、Microsoft Officeの書式設定を一括で変更する「テーマ」機能を使うというもの。CUDO公式
色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color
指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。 カラーパレットは、Webサイトやスマホアプリに特化されており、コンテンツに使用されるさまざまな要素への適用、アクセシブルなカラーの組み合わせなどが生成されます。 Color Color -GitHub Colorでは、さまざまなリソースを元にカラーパレットを生成し、カスタマイズできます。 既存のWebページをベースに 指定したカラーをベースに カラーボックスをベースに 画像をベースに JSONをベースに 生成したカラーパレットは、CSS, Sass, JSONなどに書き出すことができ、色の名前なども分かります。 まずは、2019年のトレンドカラー「Living Coral」をベースに作成してみました。
写真やイラストなどの画像からカラーを抽出し、Pantoneや塗料の色番号を表示するオンラインサービス -Impalette
写真やイラストなどの画像からカラーを抽出し、Pantoneカラーやペイント系・建築系の塗料カラーの色番号を表示するオンラインサービスを紹介します。 画像からカラーを抽出するのはいくつかありますが、ほとんどは4,5色と色数が少ないので、重宝すると思います。
<span class="l">最近</span><span class="l">調子が</span><span class="l">良くないかも？と</span><span class="l">思ったら</span><span class="l">色の</span><span class="l">持つパワーを</span><span class="l">借りてみる</span> | KNIT MAGAZINE
最近調子が良くないかも？と思ったら色の持つパワーを借りてみる 更新日2020.6.27（土） 23:37（投稿日 2017.5.30（火）） 生活に役立つ豆知識 おはようございます～ ヾ(o´ヮ｀)ﾉ ☆彡 丸安毛糸 事務の小椋です^^♬ 先日新宿を歩いていましたら文化服装学院のショーウインドウに可愛らしい服達が飾ってありましたので、思わず( -_[◎]oﾊﾟﾁﾘ♡ 夏っぽい服が沢山並んでいて、もうすぐ夏が来るんだなーと思わせてくれました^^(その前に梅雨が来ますけどね(笑)) 色とりどりの洋服を見ていたらウキウキしてきたので、今回は「色」についてお話したいと思います^^ さて、皆さんもご存じのとおり、色とひとくちで言いますが色にはそれこそ数限りないと思えるほどの色味が存在します。そして私たちの日本には日本独自の素敵な呼名の色が存在します^^ 浅葱色、淡黄蘗（うすきはだ）、孔雀青、躑躅色（
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
まだCMYKで消耗してるの？〜大幅な色補正をCMYKで行ってはいけない理由〜
カッとなってつけた（タイトル）今は反省している。 正確には、「CMYKモードでの色調補正は微調整に止めるべき」理由、です。入稿データを問答無用でCMYK変換してから補正する方に向けて書いてます。 注意）この記事にはCMYK変換方法についての内容はありません。
次々とセンスある配色パターンを提案してくれるサイト「Coolors」 | ライフハッカー・ジャパン
フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
茄子紺 (なすこん) の色見本 | JIS慣用色名 (和名) - color-sample.com
JIS慣用色名 (和名)443837 443837 443B37 443B37 443D37 443D37 444037 444037 444337 444337 434437 434437 414437 414437 3E4437 3E4437 3C4437 3C4437 394437 394437 374438 374438 37443B 37443B 37443D 37443D 374440 374440 374443 374443 374344 374344 374144 374144 373E44 373E44 373C44 373C44 373944 373944 383744 383744 3B3744 3B3744 3D3744 3D3744 403744 403744 433744 433744 473946 473946 443741 443741 44373E 443
集客と色の関係（補色を上手く利用した配色のテクニック）：order-nobori.com のぼり 専門店 ハクロマーク
集客と色の関係（補色を上手く利用した配色のテクニック） 「色」は商品や会社を宣伝したり、 販売する上で重要な要素の一つです。 集客と色って関係あるの！？そう思われる方、必読です！！ 人を引きつける色や目立つ色、色本来の意味などをご紹介しながら 色がどれくらい集客に影響を与えるものなのか、 カラーコーディネータの目線でお届けいたします。 お客様の集客のヒント、今後のデザインの参考になれば幸いです。 今回は「補色（ほしょく）を上手く利用した配色のテクニック」をご紹介します！ 以前、このシリーズで「目立つ色の組み合わせ」をご紹介させて頂きましたが、 実はせっかく目立つ配色をしても、周囲の影響で目にとまらないことがあります。 それを防ぐために目立つ配色の中でも「補色」にスポットをあててみました。
マンセル表色系
ここでは、色に関しての用語を中心に、詳しく解説していますが、JIS（日本工業規格）に基づいた文章表現でまとめていますので、今までの文章に比べてむつかしい言葉や計算式等が多くでてきます。したがって、ここでは色に関する参考資料としてご一読いただければと思います。
CSS3 で追加された HSL の使い方 | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. CSS3 から色指定に HSL 色空間が追加されました. ここ最近は, ほぼ色指定には RGB ではなく HSL を多用するようになったので ざっくりとまとめました. 視認性を意識した色指定を直感的にできるのでぜひ使ってみてください. Example 実際に HSL を使ったサンプルです. Code <style> .example-wrap { display: -webkit-box; display: -moz-box; margin: 5px; padding: 5px; border: 1px solid black; } div[class^="box"] { margin: 10px; widt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - 日本の伝統色
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
デザインやイラストや写真で伝えたい雰囲気を表現できる色の組み合わせ方が分かるデザインの良書
フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ
in the looop | Looops communications