タグ

colorに関するaki77のブックマーク (32)

  • [ HUE / 360 ] The Color Scheme Application

    Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP

    aki77
    aki77 2017/03/02
    配色
  • プログラマのためのカラーパレットツールを作りました - shoya.io

    Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ

  • Sassでの色管理

    Sassでは色を変数として定義でき、また様々な関数でそれを操作することが可能になっている。そのため色を論理的に管理することが可能になっているが、これといった手法が確立されているわけではない。このウェブサイトでは少しややこしい形で管理するようにしている。どういう目的でこういう複雑な構造になっているのかを簡単に書いておきたい。 基色の定義 基色、つまりテーマカラーであったり、文の背景色や文字色といった見た目のイメージを決定する色は、色コードを直接指定して定義する必要がある。これはほぼ間違いなくみんな同じように書いているだろう。 $color-dark: rgb(60, 51, 48); $color-light: rgb(252, 249, 240); $color-accent: rgb(17, 136, 187); これらは背景色であったり文字色、そしてリンクの文字色として使っている

    Sassでの色管理
  • クリック率の高いテキストリンクの色は?【2013年版】 | ウェブ力学

    前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は? 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選

  • Emacs 24以上を使うなら color-themeではなく、Emacsの themeフレームワークを使おう - Shohei Yoshida's Diary

    color-themeでEmacsの見た目をきれいにする - Qiita Emacs 24以上を使っているという前提があるのですが、独自のテーマを作る場合は color-themeより、Emacs 24から導入された themeフレームワークを使う ことをおすすめです。 機能的には変わらないと思うのですが、color-themeをインストール する必要がないというのがお手軽です。~/.emacs.d以下においておけば、 load-theme関数を使って利用することができます。 サンプル 試しに @kubosho_さんの molokaiを themeフレームワーク版に 書き換えてみました。コードはほとんど同じです。カーソル等のごく一部の パラメータの指定が違うのと、各項目を quoteするぐらいです。 (deftheme molokai "Molokai color theme") (cus

    Emacs 24以上を使うなら color-themeではなく、Emacsの themeフレームワークを使おう - Shohei Yoshida's Diary
  • 水漏れ修理業者の探し方

    水道修理業者を探すためのポイント 「格安 水漏れ 修理」のような検索はしない 水漏れなどの水道修理業者を探すときに気をつけたいのは、あまりにも安い金額を提示している業者は候補から除外しましょう。 「格安 水漏れ 修理」などで検索すると、検索結果に「水漏れ修理500円〜」とか「基料金280円〜」のような魅力的な金額を全面に出してくる業者が表示される場合がありますが、このような異常な安さをウリにしている水道修理業者には気をつけて下さい。 これらの業者が全て怪しい業者とは言わないですが、専門知識を備えた作業スタッフが家まで車で訪問して水道トラブルを直して数百円で終わるはずないですよね。必ずと言っていいほど基料金以外に作業代金・出張費・見積費・キャンセル費というような名目で追加費用がかかります。 冷静になるとわかるのですが、水道トラブルで焦っている場合にはそのようなことも気づかなくなり、期待を

    aki77
    aki77 2012/11/27
    Twitter Bootstrapのカラースキーマを、画像から生成
  • Solarized

    Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has

    Solarized
    aki77
    aki77 2012/11/01
    目に優しいカラースキーム
  • remora.cx

    This domain may be for sale!

  • [ HUE / 360 ] The Color Scheme Application

    Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP

    aki77
    aki77 2012/10/28
    配色ツール
  • ノンデザイナーのための配色理論

    「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、当のインサイトを見つけるUXデザインUXリサーチYoshiki Hayama

    ノンデザイナーのための配色理論
  • adjust-rgb()というSassの関数を作った

    Sassには色調節の関数が色々用意されています。その中にadjust-color()というRGBとHSLで色を割合ではなく指定量だけ調節できる汎用関数があるんですが、RGBをそれぞれ同じ量だけ明るく(暗く)したい時の引数指定が面倒です。というわけでそれをラップするadjust-rgb()という関数を作ってみました。 @function adjust-rgb($color, $dec: 1) { $num: 255 * $dec; @return adjust-color($color, $red: $num, $green: $num, $blue: $num); } 第一引数で色を、第二引数で係数を指定します。係数は-1から1の間で、負の値を指定すると黒に近くなり、正の値を指定すると白に近くなります。 .test { color: adjust-rgb(#369, 0.2); // re

    adjust-rgb()というSassの関数を作った
  • 50 Highly Creative and Inspiring Black Color Websites

    50 Highly Creative and Inspiring Black Color Websites By Vikas on Apr 12th, 2010 in Inspiration Save On Delicious Share When a designer is going to design a website, firstly he thinks, what should be the color scheme of website because color is the main part of any website design. Few years ago, light color was the choice of every designer but in now a days dark color is making popularity on in

    aki77
    aki77 2011/12/12
    黒を基調としたサイトまとめ
  • 色彩センスのいらない配色講座

    3. 自己紹介 職業:デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_

    色彩センスのいらない配色講座
  • DOMAIN ERROR

    ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間~24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。

    DOMAIN ERROR
  • 2021国产网站_久久天天躁夜夜躁狠狠综合网_尹人香蕉久久99天天拍_少妇被粗大的猛烈进出视频

    丁香五月缴情综合网_欧美性bbbbbxxxxxhd_91超碰人人澡夜夜澡_韩国三级不打码在线观看_国产精品情侣_japanese21hdxxxx免费_欧美粗大无套gay男同

  • Emacsのカラーパレットモード e-palette.el - ふじまことの館

    普段ウェブページを作る環境がEmacsなので、簡単なカラーパレットが欲しいと思い作りました。基的なパレットの他に自分でパレットを定義することも可能です。 Downloadhttp://github.com/keiji/e-palette/raw/master/e-palette.el Installload-pathの通った所へe-palette.elを入れ、 以下を.emacs.elに追加。 (autoload 'e-palette "e-palette" nil) (define-key global-map [f2] 'e-palette) 以上で完了です。 使い方e-paletteを呼出すことでwindowが二分割された下にパレットが表示されます。各色はviの移動コードjkhlで移動出来ます。指定の色にテキストカーソルを移動し、Enterもしくは\C-mで色を決定します。

    Emacsのカラーパレットモード e-palette.el - ふじまことの館
  • 配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]

    配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/

  • color-theme-ir-black を fork してちょっとだけ変えてみた - @kyanny's blog

    IR_Black な color-theme を使ってみた - 刺身☆ブーメランのはてなダイアリー でいれた color-theme-irblack をいじって anything したときにハイライトされる行(いまカーソルのある行)が見えづらいのをなんとかした...んだけどもっとよさそうな color-theme-ir-black というのを見つけた。でもそちらもハイライトの色については同様だったので、 fork して書き換えてみた。 GitHub - kyanny/color-theme-ir-black: IR Black Color Theme for Emacs. 左が書き換え前、右が書き換え後のスクリーンショット。 差分はこんだけ。 Change highlight color more easy to see (high contrast against backgr… · k

    color-theme-ir-black を fork してちょっとだけ変えてみた - @kyanny's blog
  • 愛車の印象をガラリと変えるカラーコーディネートのコツ。

    自転車は"身につけられる最大のもの"だと思います。だからこそ、ウエアも含めてトータルで見てほしい。店に大きな鏡を置いているのもそんな理由からなんです。鏡の前にバイクを持って行って、"どっちが似合う?"って感覚で選んでもらいたい」そう話すのは、東京都品川区にあるサイクルセレクトショップ・プロップサイクルズオーナーにして、ファッションデザイナーとしても多忙な日々を送る横森美奈子さんだ。現在はデザイナーとしての仕事が忙しく、ショップに姿を見せる日数も減ってしまったが、弟である店長の直賢さんとともに、お客のバイクカスタムを手助けしてきた。 デザイナーの視点からバイクを語る美奈子さんのアドバイスは、ほかのプロショップではなかなか聞けないものだ。 「機能性はもちろんですが、カッコよくなければ意味がない。バイクも服のコーディネートと同じで、全体のバランスが大切です。例えば、このバイク(上写真)は店

  • Color-SVN - higepon blog

    IRCで教えてもらった、colorsvnで svn コマンドの出力に色がつく。 入れてみたが良いかもしれない。 http://www.console-colors.de/index.php?n=ColorizerTools.ColorSVN Color tail とかもあるんだな。

    aki77
    aki77 2009/05/05
    カラー、色付け