タグ

colorに関するopparaのブックマーク (37)

  • Catppuccin

  • フォトショップで写真の色を置き換える7つの定番テクニックまとめ

    フォトショップでの写真の色の置き換え、変更は特に要望の多い重要なテクニックのひとつです。 しかし、用途に応じてツールを使い分け、色の置き換えを行っているひとは、どれだけいるでしょう。 今回は、どんな写真にも応用できる、色の置き換え・変換のお手軽Photoshopテクニックを、実践のデザインサンプル例と一緒にまとめてご紹介します。 これらの方法を試してみることで、どんなデザインでもお手軽に色の置き換えを行うことができるようになります。 コンテンツ目次 色を変換・調整する方法 特定の色だけを置き換える方法 「モデルが着用しているドレスの色を変更したい。」 「車の色を背景に合わせて変更したい。」 「白色のドレスの色を変更したい。」 「背景の壁の色を変更したい。」 「ブランドカラーに合わせてソファーの色を変更したい。」 さいごに、 どんな写真にも応用できる、色の置き換え・変換のお手軽Photosh

    フォトショップで写真の色を置き換える7つの定番テクニックまとめ
  • 日常に彩りを加える nvim-treesitter の設定術

    この記事は Vim advent calendar 2021 その2 の22日目の記事です。 昨日はゴリラさんの記事「GitHubのissueを編集するときの補完機能を実装した話」でした。 明日は @seroqn さんの記事「もっと軽量な statusline と tabline」が公開される予定です。 はじめに 今年は Neovim に大きな変化がありました。 v0.5.0 と v0.6.0 のリリースです。特に v0.5.0 から tree-sitter のライブラリが組み込まれたことは大きな話題を集め、以下をはじめとする様々な記事で紹介されました。 これらの記事で紹介されている通り、nvim-treesitter というプラグインを用いると tree-sitter の力を借りられるようになります。高速な構文解析に基づき、シンタックスハイライトやインデントといった様々な処理を正確かつ柔

    日常に彩りを加える nvim-treesitter の設定術
  • Neovim(Coc.nvim)の補完ウィンドウにアイコンを表示する

    語の情報が無かったので,メモ書きレベルですが記事にします。もっといい方法を知っている人がいれば教えてください。 Coc.nvimを使用するとLSP経由で補完を表示してくるのですが,デフォルトの状態では「m」とか「k」と表示されるだけでは,どことなく味気なさを感じていました。 発端(?) なんということでしょう。 Emacs上の補完ウィンドウ上に,メソッドやキーワードであることを示すVSCodeライクなアイコンが表示されているではありませんか。 EmacsにできてVimにできないはずがない,そんな気持ちで色々と調べていたところ,Coc.nvimにドンピシャな設定がありました。 方法 "suggest.completionItemKindLabels": { "function": "\uf794", "method":"\uf6a6", "variable": "\uf71b", "co

    Neovim(Coc.nvim)の補完ウィンドウにアイコンを表示する
  • Nord

  • bashで16色表示するスクリプト用意しておくと便利 - Qiita

    それぞれのターミナル環境で色の設定違うと思われるので色の確認できるスクリプトあると便利。自分の場合は強調表示がオレンジ色付いたりとかすぐ解る。 #!/bin/bash echo -e " # Attribute codes: # 00=none 01=bold 04=underscore 05=blink 07=reverse 08=concealed # Text color codes: # 30=black 31=red 32=green 33=yellow 34=blue 35=magenta 36=cyan 37=white # Background color codes: # 40=black 41=red 42=green 43=yellow 44=blue 45=magenta 46=cyan 47=white 状態番号 \033[00m デフォルト状態 00 \033[

    bashで16色表示するスクリプト用意しておくと便利 - Qiita
  • 掲載色一覧 - 原色大辞典

    原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見サイトです。 9種類の色見と色に関する各種サービスから構成されています。 色見コンテンツは ブラウザで定義されているHTMLカラーネーム、 日の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

    掲載色一覧 - 原色大辞典
  • カラーユニバーサルデザインガイド CUDの具体例(折れ線グラフ)です - 福島県ホームページ

    カラーユニバーサルデザイン(CUD)ガイドCUDの具体例 色弱者が見分けにくいと感じている事例について、カラーユニバーサルデザインの手法を用いて解決する具体例を見ていきましょう。 凡例を上部にまとめて、彩度の高い色を使い各国の違いを表現した一般的な折れ線グラフです。 「日」と「イギリス」、「アメリカ」と「ドイツ」の色が似ているため、区別がつきにくくなっています。例えば98年のドイツがこの中で何位なのか即答できません。 色弱者も判別しやすい色を使う 線を太くして色の面積を増やす 凡例をやめ、折れ線の近くに文字を表記 色以外の情報を追加・線の太さを変えたり点線を使用・線種で不十分な違いを点の形(■や●)で明確に  色弱者も各国の区別がつきやすくなりました。一般色覚者にとっても、白黒コピーで資料を配付した場合などでも判別可能なので、用途が広がります。 >>次ページ:CUDの具体例──案内地図

  • 【2024年最新データ】主要サイトのテキストリンク色比較 - Naifix

    テキストリンク(アンカーテキスト)は、CSS で何も指定しなければ「青色 #0000ee +下線」で表示されます。 そこから CSS で好きな色に変えられますが、リンクの色と下線の有無はクリック率に大きく影響する、ということは覚えておきましょう。もしリンクがクリックされていないようであれば、デザインを調整するだけでクリック率が上がるかもしれません。 記事では、主要サイトのリンクカラーを調査して比較しています。リンクを何色にすればよいか迷ったときのご参考になれば幸いです。

    【2024年最新データ】主要サイトのテキストリンク色比較 - Naifix
  • デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

    色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

    デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
    oppara
    oppara 2021/02/19
  • chalk

  • Product Colorizer 1.1 | A jQuery Plugin Written by Nik Korablin

    A simple, light-weight plugin that makes it easy for your customers to see your products in different colorsproductColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin

  • Making the Firefox Logo from HTML

  • Hex Color – The Code Side Of Color — Smashing Magazine

    Name a color, and you’re most likely to give a misleading impression. But, when computers name a color, they use a so-called hexadecimal code that most humans gloss over: 24-bit colors. Don’t let the code intimidate you. With a little creativity, hex colors are a tool at your disposal. The trouble with a color’s name is that it never really is perceived as the exact same color to two different ind

    Hex Color – The Code Side Of Color — Smashing Magazine
  • ちょっとしたこだわり。カラーピッカーをより使いやすくする·BFColorPickerPopover MOONGIFT

    BFColorPickerPopoverはカラーピッカーの表示をより使いやすくしたカスタムコンポーネントです。 Appleの製品は随所に工夫がなされている雰囲気がありますが、それでもまだまだ改善できるポイントはあります。今回はカラーピッカーに注目したBFColorPickerPopoverを紹介します。どんな点に注目したのでしょうか。 デモアプリのメイン画面です。 こんな感じで吹き出し風に表示されるのが特徴です。 表示場所は上下左右に指定できます。 通常のカラーピッカーの場合、色の部分をクリックするとカラーピッカーがフローティングとなって表示されます。それに対してBFColorPickerPopoverはクリックした色のすぐそばにアニメーションしながら表示されます。これだけのことですが、随分ユーザビリティが向上したように見えます。面白いアイディアです。 BFColorPickerPopov

  • 意外と便利。Xcodeのカラー指定をグラフィカルに·ColorSense for Xcode MOONGIFT

    ColorSense for XcodeはXcode上の色設定をグラフィカルに行えるようにするXcodeプラグインです。 開発時の色設定というのは、感性的なものにも関わらずテキストやRGBで指定しなければならず分かりづらいものがあります。Webオーサリングツールの場合はカラーピッカーが使えるのですが、Xcodeで同様な機能を実現するのがColorSense for Xcodeです。 UIColorの上に色が表示されています。 カラーピッカーを使ってその場で色をカスタマイズできます。 デモ動画 ColorSense for XcodeをインストールするとUIColorやNSColorを使った場合にビジュアル的な色設定ができるようになります。色名の場合はフロート表示で実際の色が表示され、さらにカラーピッカーをスライドさせれば自動で色が入力されるようになります。 ColorSense for X

    意外と便利。Xcodeのカラー指定をグラフィカルに·ColorSense for Xcode MOONGIFT
  • 黒を使うな - モジログ

    Ian Storm Taylor - Design Tip: Never Use Black (August 2012) http://ianstormtaylor.com/design-tip-never-use-black/ デザインでは黒を使うな、という話。筆者のIan Storm Taylorは、Segment.ioというサービスの共同創業者で、デザイナーでもあるようだ。 筆者は子供のとき、美術の教師から、黒には注意せよとアドバイスされた。その後、RISD(Rhode Island School of Design)でも似たようなことをたびたび言われたとのこと。 人間は、「暗いもの」を「黒」と結びつけてしまいやすい。しかし、ほんとうの「黒」というものは、実はめったにない。筆者はまず、Wayne Thiebaud(アメリカのポップアートの画家)の絵を例に、影が黒ではないことを示す。

  • 端末の中で仮想端末を管理するtmux(GNU screenの代替)について(ステータス行のカスタマイズと特殊な記法について) - 試験運用中なLinux備忘録・旧記事

    「端末の中で仮想端末を管理する tmux(GNU screenの代替)について(カスタマイズ時の記述と幾つかの設定項目について)」に続く内容として、ここではtmuxのステータス行の表示に関するカスタマイズについてのメモを扱い、設定例は後日の別記事に貼り付ける。 (2015/1/13)以前は前半と後半に分けて公開していたが、このページに統合した。 ステータス行の構成 スタイル指定の表記 既定のスタイル ウィンドウ一覧のスタイル メッセージ/プロンプト表示のスタイル 左右のステータス部分のカスタマイズ 更新の間隔(頻度) ステータス行の構成tmuxのステータス行(最下行)は 左ステータス ウィンドウ一覧(番号と実行中コマンドの表示) 右ステータス という3つの部分から成り、ウィンドウ一覧の左右それぞれに任意の情報が表示可能となっている。 スタイル指定の表記指定できる値の形式には色と属性の2種類

    端末の中で仮想端末を管理するtmux(GNU screenの代替)について(ステータス行のカスタマイズと特殊な記法について) - 試験運用中なLinux備忘録・旧記事
  • Change Color Profiles Instantly from the Mac OS X Menu Bar with ProfileMenu

  • 256 Terminal colors and their 24bit equivalent (or similar)

    0 #000000  1 #800000  2 #008000  3 #808000  4 #000080  5 #800080  6 #008080  7 #c0c0c0 8 #808080 9 #ff0000 10 #00ff00 11 #ffff00 12 #0000ff 13 #ff00ff 14 #00ffff 15 #ffffff 16 #000000  17 #00005f  18 #000087  19 #0000af  20 #0000d7  21 #0000ff 22 #005f00  23 #005f5f  24 #005f87  25 #005faf  26 #005fd7  27 #005fff 28 #008700 29 #00875f 30 #008787 31 #0087af 32 #0087d7 33 #0087ff 34 #00af00 35 #00af