How to decide font color in white or black depending on background color?
Building on my answer to a similar question. You need to break the hex code into 3 pieces to get the individual red, green, and blue intensities. Each 2 digits of the code represent a value in hexadecimal (base-16) notation. I won't get into the details of the conversion here, they're easy to look up. Once you have the intensities for the individual colors, you can determine the overall intensity
vim.ink - このウェブサイトは販売用です！ - vim リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Sassでの色管理
Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。 基本色の定義 基本色、つまりテーマカラーであったり、本文の背景色や文字色といった見た目のイメージを決定する色は、色コードを直接指定して定義する必要がある。これはほぼ間違いなくみんな同じように書いているだろう。 $color-dark: rgb(60, 51, 48); $color-light: rgb(252, 249, 240); $color-accent: rgb(17, 136, 187); これらは背景色であったり文字色、そしてリンクの文字色として使っている
Color difference - Wikipedia
In color science, color difference or color distance is the separation between two colors. This metric allows quantified examination of a notion that formerly could only be described with adjectives. Quantification of these properties is of great importance to those whose work is color-critical. Common definitions make use of the Euclidean distance in a device-independent color space. Euclidean[ed
無料で配色シミュレーションができるカラーパレット系サービス6選【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください！ 独学でつまずいていませんか？ 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色（白っぽいクリーム色とか白っぽいねずみ色） 黒っぽい色（赤っぽい黒とか青っぽい黒とかそういうの） 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass | mah365
そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイストが好きです。ほんわかしている。仕事では使えない感じがある。 実際に読み込むときには、Twitter Bootstrapより先に変数を読み込んでおきます。 //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color
配色を考えやすくするための様々なルール ｜https://wp.yat-net.com/name
色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万色という色が存在します。デザイナーは、その中からパターンを組み合わせ、最適なものを選択しなければなりません。 しかし、デザインには意味がある以上、そこにはルールが存在します。そのルールに沿って配色することで、デザイナーは正しい選択ができます。 今回は、配色を行うために知っておくべき、知識やルールを解説したいと思います。 色の色相環と虹 配色と自然の関係 色相、彩度、明度 色調（トーン） 色の役割分担 色の意味 色を選んでみる まとめ 参考文献 1.色の色相環と虹 色の相関を表すのに「色相環」というも
オシャレ派Vimmerのあなたへ。こだわりのカラースキームギャラリーを贈ります。 - ここぽんのーと
オシャレ派Vimmerの皆さま、こんばんは。 Vimの配色を司る「カラースキーム」はお好きですか？お好きですよね。 だって、このブログで一番アクセスされているのが、カラースキームに関する記事なんですから。 僕もカラースキームが大好物です。 「hybrid」というステキなスキームを使うようになってからも、新作を求めてときどき旅に出ています。 — この記事は、Vim Advent Calendar 2013の17日目の記事です。 昨日の記事は、c0hamaさんによる「fugitive.vim をもっと使いこなす」。 カラースキームってどうやって探してる？みんな大好きカラースキーム。 どうやって自分好みのものを探しているのか思い返してみると、大きく分けて2通りほどでしょうか。 1.がんばって検索するひとつめは、「vim colorscheme おすすめ」みたいなキーワードで検索する方法。最も定番
GitHub - mauricecruz/chrome-devtools-zerodarkmatrix-theme: A highly customized dark theme for Chrome
A Visual Guide to Sass & Compass Color Functions - Jackie Balzer
Sass and Compass provide a number of useful functions you can use to alter and manipulate colors with ease. Most color functions operate on a single color, but some can be used to combine two colors in different ways. Our "base color" and "alternate color" will be used throughout the examples. You can click on the swatch for either of those two colors to change their values and see how the calcula
[vim]色見本スクリプトを活用して、lightlineのステータス行をクールに彩る - ここぽんのーと
この記事は、 Vim Advent Calendar 2012 の288日目の記事です。 ここまで来たら365日も夢じゃない。ディスプレイの前のみんなも参加して、一緒に歴史をつくりませんか！ 昨日の記事は、 @manga_osyo さんの「unite.vim の候補を動的にソートする」。 ステータス行の機能を拡張する、line系プラグインpowerlineやairlineなどのline系プラグイン(←勝手に命名した)は、ステータス行の機能を拡張し、かつクールに彩ってくれます。 (画像はvim-airlineより拝借) 以前から興味はあったものの、とある理由で導入できずにいました。 配色が異なるので、浮いてしまう置き換えられたステータス行は独自のカラースキームを持っており、Vim本体のものとは独立しています。自分はhybridというカラースキームを愛用しているのですが、デフォルトの配色では微
![[vim]色見本スクリプトを活用して、lightlineのステータス行をクールに彩る - ここぽんのーと](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b068ac548069c4aa3ef937dcbab1a10fa44c30f/height=288;version=1;width=512/https%3A%2F%2Fcocopon.me%2Fdata%2Fblog%2F2013%2F09%2Flightline-theme%2Fcolorswatch.png)
mrkn256.vim - Color scheme designed by mrkn, for 88- and 256-color xterms. : vim online
These are the color theme designed by mrkn based on "desert256" theme created by Henry So, Jr. This theme is designed to work with with 88- and 256-color xterms. A screen shot is available at http://img.skitch.com/20100215-rxeg4nguregi8i21dyarspmsgc.png The ancestor version "desert256" theme is available at http://www.vim.org/scripts/script.php?script_id=1243 The real feature of this color scheme
21_21 DESIGN SIGHT | 「カラーハンティング展 色からはじめるデザイン」 | 開催概要
デザイナーの藤原 大が自らのリサーチから生み出した「カラーハンティング」というデザイン手法を出発点とした展覧会。自然界や都市に存在する現実の色を、その場で水彩絵の具を調合して紙片に写し取った色をもとにした作品などを展示。色の可能性を示すとともに研究者や企業、教育機関などとの協働による成果も発表された。 会期 2013年6月21日（金） - 10月6日（日） 色について、私は日頃から生きもののようだと感じています。音や香りと同じように流動的で、感覚、科学、文化といった側面からいろいろな理解ができます。また、色はモノ、空間、情報のそれぞれに存在し、多くのメッセージを優しく伝えてくれます。もし私たちが使う言葉を色に置き換えることが可能なら、その世界は光と意味による宇宙のような広がりをもつでしょう。 デザインはいま、社会的な実行力を持ち、我々が豊かに生活するために欠くことのできない、子どもから大人
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iTermのVimの色を快適にした。（目に優しいデザイン） - Qiita
GitHub - SlexAxton/css-colorguard: Keep a watchful eye on your css colors.
Flat Inspire
GitHub - chalk/chalk: 🖍 Terminal string styling done right
BackgroundCheck
【配色 - デザイン】 - Adobe Kuler