RandomA11y - Endless collection of accessible color combos
カラーマネジメント全体の理屈の説明 細かいことは省略して分かりやすく 〜カラーマネジメント入門 第0回〜
デジカメで写真を撮ったり、スキャナーで写真をスキャニングし、モニターで見て、パソコンで操作して、プリンターで印刷する、といった作業を問題なく進めるには、おおまかにでもカラーマネジメントの知識が必要です。 ここでは、ややこしい要素は省略して、カラーマネジメント全体の理屈の雰囲気をおおまかにご説明します。 １ 色を正確に表す方法がある（学校ではあまり習わない） カラーマネジメントの仕組に利用しにくい方法 色を言葉や文字で表す方法はいくつか考えられます。 以下に、一般的によく使われるものの、カラーマネジメントでは利用しにくい方法をあげます。 色を人に伝える方法 一般的なもの ある色を、どういう色か遠くの人に言葉や文字・数字で伝えるとしたら、一般的には「赤」とか「水色」など色を表す言葉や文字で伝えます。 ただ、この方法だと「赤」と言っても黄色っぽい赤や紫っぽい赤もあり、それほど正確には伝えられませ
「モニタのプロファイル」についておさらい : やんま まのblog（仮）
この記事はDTP Advent Calendar 2018の16日目の記事です。 DTP界隈の方にとっては恐らく身近な存在でありながら、実はよくわかっていない……という方も多いであろう、モニタのプロファイルについての情報をまとめてみました。 役割・機能 Photoshopなどのアプリケーションが、ドキュメントのカラーをモニタ上で適切に表示できるRGB値を得るために使用します。逆に、あるRGB値を表示するとどんなカラーで表示されるかを求めることもできます。モニタプロファイルのメインの役割です。 アプリケーションはドキュメント（画像）のプロファイルによりRGBやCMYKの値から色を表す値（Lab、またはXYZ）を求め、モニタのプロファイルにより表示するのに最適なRGB値を求めます。 モニタの色温度・グレーバランスやRGB各色の階調変化を整えるための情報を格納します（→キャリブレーション）。全て
Huemint - Generate a unique 2-color palette for your logo or brand
This matrix defines the desired contrast between each color in the palette. Enter a number between 0-100, where 0 = "any contrast", 1 = no contrast, 100 = maximum contrast (black/white). For example, to indicate that the first foreground color should have high contrast against the background, enter 80 in the row labelled 0 and the column labelled 1
XYZ色空間に迫る(2) - Qiita
そう、見た目にはあまりわかりませんでしたが、実際には至る所でマイナスが含まれています。 計算機で計算する分にはまだいいですが、当時1931年にはまだ手計算が主流で、計算尺など使っていたとのことで、マイナスの計算もなるべくしたくなかったというのも一つ大きなイケてないポイントでした。 次にイケてないポイントとしては、せっかく色が人間基準かつ定量的に扱えそうなのに、パート(1)で紹介した人間基準の明るさの単位、輝度などの測光量との対応がシンプルにいっていない点です。なんとか統一理論が欲しいと考えられました。 基底変換 これをなんとかするテクニックとして、線形代数の基底変換を使います。 というのも、先に述べてきたとおり、色は空間上の点であり、RGB色空間の座標は、 \begin{pmatrix} R \\ G \\ B \end{pmatrix}=R\begin{pmatrix} 1 \\ 0 \
Building a button component | Articles | web.dev
Building a button component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build color-adaptive, responsive, and accessible <button> components. In this post I want to share my thoughts on how to build a color-adaptive, responsive, and accessible <button> element. Try the demo and view the source Buttons are interacted with
配色パターン - 原色大辞典
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
Dark CSS Theme Generator | Night Eye
Generate dark CSS for your web page effortlessly If you want to add dark theme to your web page, all you have to do is paste the URL of the page and download the ready to use CSS Dark CSS theme for your website Dark themes and dark mode in general have been gaining popularity in the past couple of years. We've reached a point where dark UI is not only for the geeks, but actually is a mainstream st
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
Converting Color Spaces In JavaScript | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! A challenge I faced in building an image “emojifier” was that I needed to change the color spaces of values obtained using getImageData() from RGB to HSL. I used arrays of emojis arranged by brightness and saturation, and they were HSL-based for the best matches of average pixel colors with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Applying color transforms to images with a multidimensional lookup table | Apple Developer Documentation
カラーホイール、カラーパレットジェネレーター | Adobe Color
GitHub - sharkdp/pastel: A command-line tool to generate, analyze, convert and manipulate colors
GitHub - sonph/onehalf: Clean, vibrant and pleasing color schemes for Vim, Sublime Text, iTerm, gnome-terminal and more.
GitHub - mattnedrich/palette-maker: Palette Maker is an interactive web tool that allows you to explore different approaches to extract color palettes from images
GitHub - lemieuxster/node-aco: Create an Adobe Color File from an array of hexadecimal color values and names.
マテリアルカラー
Gradient Colors Collection Palette - CoolHue 2.0
Tailwind CSS colors as Sass variables
https://color.adobe.com/ja/create