Customizing Colors - Tailwind CSS
CommunityGetting StartedInstallationEditor SetupUsing with PreprocessorsOptimizing for ProductionBrowser SupportUpgrade GuideCore ConceptsUtility-First FundamentalsHover, Focus, and Other StatesResponsive DesignDark ModeReusing StylesAdding Custom StylesFunctions & DirectivesCustomizationConfigurationContentThemeScreensColorsSpacingPluginsPresetsBase StylesPreflightLayoutAspect RatioContainerColum
ニュートンとゲーテ～物理学者と文学者が導き出した色の科学～ ニュートンとゲーテ～物理学者と文学者が導き出した色の科学～
2004年 44分 「色とは何か－」。かつて全く異なる分野で活躍した二人の人物がこの問題に取り組み、研究成果を世に残しました。物理学者で近代科学の父として知られるアイザック・ニュートン、そして詩人で世界的文豪の一人、ヨハン・ヴォルフガング・フォン・ゲーテという二人の世界的な巨星でした。ニュートンは、光から導きだされる色を客観的に捉え体系化し、『光学』という書にまとめました。反してゲーテは、自らの目に映る色が心身にどのような働きを及ぼすのかを主観的に捉え、『色彩論』を記しました。全く異なる立場から生まれた色の理論は、今なお"現代色彩学"の礎とされ、その二人の研究からは、客観的データと主観的洞察が必要とされる－現代科学技術のあるべき姿が浮かびあがります。 受賞作品 ドキュメンタリー 人物 倉田 純一（助教授） 関西大学工学部 玉村 咏（染色家） そめこうげい攸（京都西陣） マーガレット
Movies In color
I talked about color in movies in The Plus this week. Check it out! Thanks to the mag for featuring Movies In Color and getting my take on what makes films so great! 😄 📽 🎬 Monster Island Created, Written, and Directed by Harry Chaskin, Dan Lippert & Justin Michael Godzilla vs. King Kong Director: Ishirô Honda Cinematography: Hajime Koizumi Today on Movies In Color, I’d like to share a stop-moti
実際のアプリに学ぶ！モバイルデザインにおける配色の重要性
モバイルデザインにおける配色の重要性について紹介しています。アプリやWebサイトの色を選定することは非常に重要です。色の組み合わせ、印象など初めてデザインをする人にとっては必見の内容でしょう。ぜひ参考にしてみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Smashing Magazineのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、エンジニアのNick Babich氏によって投稿されました。
参考にしたい！デザインと配色が美しいUIキットまとめ | in-Pocket インポケット
完成度の高いインターフェースを手軽に作成できるUIキット。サイトを制作するうえで作業時間を短縮するだけでなく、クライアントへの展開やチーム内での製作物イメージの共有として欠かせません。同時に、カラーリングやレイヤー整理、ページ遷移の仕方などUIデザインのテクニックを学んだり、デザインバリエーションの参考にすることもできます。 今回は、デザイントレンドを押さえつつ、配色が美しいクオリティが高い、フリーのUIキットをピックアップしてご紹介していきたいと思います！ Wave Waveは、iPhone6用のUIキットです。音楽配信からECまで、Retinaディスプレイに対応した16種類のPSDデータが入っています。 フォロワーリストやShopページなどはいずれも画像がメインとなるデザイン。サイトやアプリを通じて伝えたいイメージを、より視覚的に、ストレートに表現できます。全体の雰囲気が使用画像のクオ
和の色 - 色の名前と色見本
表示されている色（RGB値）は色の名前に対するおよそのものです。色名によっては広範囲の色を指す場合や、文献等によっては解釈が異なる場合もあります。ご了承ください。 ご利用の環境によっては、色が適切に表示されていない場合があります。 参照元 ： 日本の伝統色（きものと悉皆みなぎ） 16進数:#000000-#FFFFFF（R:0-255,G:0-255,B:0-255）
EVANGELION × TURNER COLOR WORKS LTD.
母なる海と、 凍てつく氷の中間色 氷のように冷たい青を意味するフロスティーブルー。母なる海の暖かい青を意味するウォーターブルー。水より冷たく氷より暖かい。この世界にまた一つ、新しい青が誕生しました。
配色に自信がなくても！Webデザインが好きになる配色ツールと使い方
2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き！ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
FWD勉強会vol.1資料公開
2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに
lsをカラー表示
FreeBSDを使っていてたまに他の人が使っているLinuxを見ると、lsの結果が色分けされていてとても羨ましく見えます。 FreeBSDはデフォルトの設定ではlsは白黒でしか表示できませんが、いくつかの方法でlsをカラー表示することが出来ます。 lsをカラー表示する方法は何種類かあります。 手軽に出来るものから順に tcshによるカラー化 colorlsによるカラー化 gnulsによるカラー化 の３種類です。 FreeBSDのlsはcolorlsというlsで、標準でカラー表示をサポートしています。 特に気にならない方はcolorlsでカラー化するのが良いかと思います。 私が普段愛用しているのは、Linuxでも使われているgnulsによるカラー表示です。 配色が綺麗なのと細かい設定ができることが使用理由です。 ちなみに一番上のtcshによるカラー化は正確に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本と配色サイト - color-sample.com
日本の伝統配色 (秋) | 襲の色目 - color-sample.com
GitHub - seebi/dircolors-solarized: This is a repository of themes for GNU ls (configured via GNU dircolors) that support Ethan Schoonover’s Solarized color scheme.
kuler
DLフリー。色見本をiPodやiPhoneに入れておくと、イザという時にとっても便利なので作りました。 / Maka-Veli .com
＠IT：lsコマンドで表示されるファイルの色を変更するには