CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます

2024/03/27 96 users CSS 実装テクニック カラー color 個別

異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な... 続きを読む

イラストの色ズレ加工はやめてほしいというお気持ち

2023/04/24 44 users イラスト ブチ お気持ち 神絵師 カメラレンズ

ついに私が見てる神絵師にも色ズレ加工の流行りがきてしまったようだ。 ここ2週連続で使われている。 色ズレとは線のフチに赤や青の色がついて見えるやつ。 色収差とかRGBずらしともいう。 カメラレンズや印刷ズレで生まれるアナログ感の表現で、手軽にエモい感じになるので近年大流行している。 特に下手な人ほどフィル... 続きを読む

メタがVRヘッドセット「Project Cambria」発表。ハイエンドな次世代デバイス、詳細は2022年に | Mogura VR

2021/10/28 14 users メタ Project Cambria Mogura VR

2021年10月29日、メタ(旧フェイスブック)は次世代VRヘッドセット、コードネーム「Project Cambria」を発表しました。本デバイスは「今日の技術で可能な、最先端の、新しい種類のコンピューティングを試したい人に向けて設計」されているとのこと。記事執筆時点ではRGBのカラーパススルー機能、フェイストラッキング、お... 続きを読む

加工なし CSS のみで画像にグリッチと RGB ずらし効果をかける

2021/10/08 250 users グリッチ search 一過性 www.google.com

グリッチとは 元々は「一過性の障害」という意味ですが、映像の世界ではしばしば「映像の乱れ」という意味で用いられます。ホラーやサイバーなどでよく見られる演出の一つ。 https://www.google.com/search?q=glitch&tbm=isch RGB ずらしとは 色収差、RGB シフト、RGB split (RGB 分割) など、さまざまな言い方がありま... 続きを読む

KSY、小型LCDモジュールなどRaspberry Pi Pico向け3製品発売 | fabcross

2021/03/25 7 users fabcross KSY ケイエスワイ コントロール 個別

ケイエスワイ（KSY）はRaspberry Pi Pico向けに、16×7 LEDマトリクス、LCD付多機能プロトボード、小型LCDモジュールの3種類の製品を発売した。 「LEDマトリクス Pico Unicorn Pack RGB 16×7 for Pico[PIM546]」は、RGB LED16×7のLEDマトリックスで、色や明るさを個別にコントロール可能。4つのタクタイルボタンによって... 続きを読む

すべてのアプリから色を取得できる！シンプルで使いやすく、高性能なUIデザイン用の無料カラーピッカー -Pika | コリス

2021/02/10 11 users Pika ネイティ hsl カラーピッカー コリス

ブラウザに表示されたWebページはもちろん、Photoshop, Illustratorをはじめとするすべてのアプリからカラーをすくうことができる、シンプルで使いやすい高性能なカラーピッカーを紹介します。 macOS対応のアプリで、オープンソースなので商用でも無料で利用できます。 カラー値は、HEX、RGB、HSB、HSLに対応。 ネイティ... 続きを読む

CSS変数による配色はcontrastとrgbも用意したら捗るぞ | Zenn

2020/09/26 6 users CONTRAST Zenn RGB値 CSS変数 配色

DESCRIPTION CSSの基調色は変数化しよう そうすることで部分最適で「同じような色を複数生み出すこと」が避けれるよ 「基調色」はcontrastとrgb値も用意するといいよ！ 本文 プライマリーカラーやセカンダリーカラーは変数化するのが一般的になりました。配色をいろいろなコンポーネントプロパティに書き散らかすと部分... 続きを読む

デザインで「人間が感覚的に見分けやすい色」を選ぶ方法をデータ可視化のプロが解説 - GIGAZINE

2020/06/28 10 users GIGAZINE hsl ＨＳＶ ＣＴＯ 特定

ある特定の色を表現するために利用される色空間には、RGBやHSV、HSLなどがあり、それぞれの色空間で色を表現する方法が異なります。データ可視化ツールのDatawrapperでCTOを務めるGregor Aisch氏が、「人間が感じる色」に基づいて色を使い分けるには、色空間が重要であると自身のブログで語っています。 How To Avoid Eq... 続きを読む

画像から簡単に精巧な3D写真が作成できる論文が公開される、実際に3D写真を生成することも可能 - GIGAZINE

2020/04/17 40 users Depth GIGAZINE 奥行き 生成 論文

RGBに「奥行き(Depth)」情報を加えた「RGB-D」画像から、立体的な写真である「3D写真」を生成する方法を研究者チームが提案しています。たった1枚の写真から精巧かつ立体的な3D写真が手軽に生成可能ということで話題になっています。 3D Photography using Context-aware Layered Depth Inpainting https://shihmengli.g... 続きを読む

【楽天市場】【ふるさと納税】東プレ　コンピューターキーボードＣ　Realforce RGB　(型式：R2A-JP4G-BK AEAZ05）：神奈川県相模原市

2020/02/29 5 users 贈呈 返礼品 型式 相模原市 ふるさと納税

神奈川県相模原市へのふるさと納税をいただきましてありがとうございます。 相模原市では市内在住の方に対する返礼品の贈呈を行っておりません。 ご理解のほどよろしくお願い申し上げます。 続きを読む

シャープ、「巻けるテレビ」向け有機ELパネル発表　NHKと共同開発 - Engadget 日本版

2019/11/08 22 users NHK 共同開発 Engadget 日本版 素子 発光

シャープと日本放送協会（NHK）は11月8日、「巻けるテレビ」などに応用できる30V型の4Kフレキシブル有機ELディスプレイを共同開発したと発表しました。 対角30インチ（約76cm）のフレキシブルなフィルム基板上に、RGB（赤・緑・青）の各色に発光（RGB発光方式）する素子を形成した有機ELディスプレイで、この構成による... 続きを読む

clipboard.jsでテキストをクリップボードにコピーする方法 | Webクリエイターボックス

2019/03/07 14 users clipboard.js RGB値 Vue.js テキスト

2019年3月7日 JavaScript 以前Vue.jsでカラーコードからRGB値にサクッと変換する方法という記事で紹介した、「Quick HEX to RGB」では、値をクリックすればクリップボードにコピーする機能をつけています。これはclipboard.jsを使っているので、基本的な使い方と、あまり説明のないツールチップの加え方を紹介します。 ... 続きを読む

古典技法復活。ゲームボーイ｢ポケットカメラ｣でカラー撮影に成功したよ | ギズモード・ジャパン

2019/01/14 19 users ギズモード ゲームボーイ YouTube ジャパン image

古典技法復活。ゲームボーイ｢ポケットカメラ｣でカラー撮影に成功したよ2019.01.14 18:00 Andrew Liszewski - Gizmodo US ［原文］ （ 岡本玄介 ） Image: Matt Gray/YouTube カギはRGBです。 イギリスにお住まいのマット・グレイさんが、白黒写真しか撮れない1998年製のゲームボーイの｢ポケットカメラ｣で、カラー写真を... 続きを読む

【マンガ】「CMYK」の「K」はブラックの略……ではないって知ってた？ - ねとらぼ

2018/08/22 13 users CMYK Blac とらぼ マンガ 三原色

画像編集ソフトなどで目にする「RGB」「CMYK」という色の表現方法。どちらの名称も色に由来しており、「RGB」は「R」ed（赤色）、「G」reen（緑色）、「B」lue（青色）と光の三原色を並べたものです。 一方、CMYKは色の三原色である「C」yan（シアン）、「M」agenta（マゼンタ）、「Y」ellow（イエロー）にBlac「k」（ブ... 続きを読む

画面で見たイメージと印刷の仕上がりの色味が違う？RGBとCMYKの印刷した時に色が変わる問題について。 | 神戸の印刷、出版と販促。前川企画印刷公式ブログ「嵐のマエブロ」

2018/04/29 21 users CMYK マエブロ 販促 PowerPoint 出版

神戸の印刷、出版と販促。前川企画印刷公式ブログ「嵐のマエブロ」 神戸の前川企画印刷が印刷物・アプリ・出版に関する新商品・セミナー情報・ブロガー名刺の注文状況などを最速でお届けします。 前川企画印刷では名刺やチラシの印刷を数多く受けてきておりますが、お客さんの中には最初から割と明確なイメージを持たれていて、WordやExcel、Powerpoint等で大まかなデザインを作成してから依頼してくる方もお... 続きを読む

izmさんのツイート: "Pixel2Mesh(RGBの絵から3次元ポリゴンを推定するやつ) これやばいやつでは。 https://t.co/v18FjUWsEt https://t.co/Ox4WKCFoLB… "

2018/04/07 15 users サードパーティアプリケーション ヤバいやつ https 都市

位置情報付きでツイート ウェブサイトやサードパーティアプリケーションから、都市や正確な現在地などの位置情報をツイートに追加できます。ツイートの位置情報履歴はいつでも削除できます。 詳細はこちら 続きを読む

これ一本でフルカラーの描写が可能に！「CMYKペン」 | ギズモード・ジャパン

2018/03/23 55 users ギズモード 描写 CMYK マゼンタ ジアン

グラフィック・デザイナー歓喜の一本？ テレビ画面やモニターを描写するのに用いられるRGB（赤／緑／青）とは違い、印刷には CMYK （シアン／マゼンタ／イエロー／ブラック）という4色のインクから フルカラー が作られます。 ということは、印刷でなくとも手描きで何か絵を描く時に この4色 があれば…？ そう、フルカラーでこの世のすべてを描くことができるのです。 そこに目をつけてできたのが「 CMYK... 続きを読む

輪郭をブレさせて色ずれを起こすテクニック「RGBずらし」が話題！　簡単にエモい雰囲気の画像が作れるスゴ技 (1/2) - ねとらぼ

2017/12/30 262 users 輪郭 Twitterユーザー イン とらぼ スゴ技

イラストや写真の主線を意図的にずらすことにより、印象的な加工を施すことができる「RGBずらし」というテクニックが注目を集めています。これを使えばエモい雰囲気の画像が簡単に作れる……！ Twitterユーザーの むいん（@plant_number） さんが紹介したのは「RGBずらし」と呼ばれるテクニック。ネット上で話題になっていた手法をむいんさん自身のイラストを使って分かりやすく説明したところ、「す... 続きを読む

機械の目と人間の目の類似点｜Rui Ueyama｜note

2017/11/27 87 users Rui Ueyama Note 機械 類似点 イメージセンサ

「機械の目」というと冷徹かつ忠実に現実の世界を切り取るというニュアンスがある。カメラのイメージセンサなどは誰が作っても、それこそ別の惑星の知的生命体が作っても、僕らが持っているものと同じものになりそうだ。しかし実際にはそうではない。カメラは多くの場合、人間が見るための画像を生成する装置なので、人間の目の構造をかなり忠実に反映している。それについてちょっと見てみよう。 多くの人の目にはRGBの3種類... 続きを読む

文字列中のカラーコードに自動で色見本を付けるJavaScript | q-Az

2017/06/25 20 users q-Az tag 色見本 エディタ カラーコード

エディタなどでよく見る、 #66cdaa や rgb(240, 128, 128) みたいな感じで カラーコードがテキスト中にあると自動で色見本を付けてくれる JavaScript を作ってみます。 正規表現を駆使して書くことになるので、完璧とまではいっていませんがそれなりに判別できるコードになったと思います。 function colorSampleTag(tag) { var elm = do... 続きを読む

PCエンジンにRGB出力とセーブ機能を追加する同人ハード「RGBの声32」が登場 - AKIBA PC Hotline!

2017/06/04 27 users Hotline 同人サークル 同人ハード 電子工作キット 家電

ニュース PCエンジンにRGB出力とセーブ機能を追加する同人ハード「RGBの声32」が登場 組み立てが必要な電子工作キット、店頭デモ中 AKIBA PC Hotline!編集部 2017年6月5日 00:10 　PCエンジンにRGB出力とデータ保存機能を追加できる拡張キット「RGBの声32（キット版）」が 家電のケンちゃん で販売中だ。 　同人サークル「alpaca team」が製作した組み立てキ... 続きを読む

ヲチモノ- 【キーボード】Corsair 『K95 RGB PLATINUM』 画像など

2017/03/09 5 users Corsair フラッグシップ ヲチモノ キーボード ベース

海外で発売されているCorsairのキーボード「 K95 RGB PLATINUM 」。 同社の現ラインナップではフラッグシップの位置付けとなるゲーミング・メカニカルキーボード。製品名どおり「 K95 RGB 」をベースにしながらもモデルチェンジと言えるくらい手を加えられていますが、ちょっと見てみます。 K95 RGB PLATINUM: THE WAIT IS OVER. YOU WANTED ... 続きを読む

米デルが8K解像度の32型液晶を発表、3月に4999ドルで発売。Adobe RGB100%カバー - Engadget 日本版

2017/01/06 39 users 米デル 8K解像度 Engadget 日本版 4999ドル

米国デルがCES 2017において、8K（7680×4320）解像度に対応した32インチ液晶ディスプレイ『UP3218K』を発表しました。通称は『UltraSharp 32 Ultra HD 8K Monitor』です。 米国での発売日と価格は3月23日、価格は4999ドルからです。高価な製品だけあり、色域（色の表現範囲）も広め。一般的なsRGBのみならず、より条件の厳しいAdobe RGBでも1... 続きを読む

ASUS、世界初の「Google Tango」と「Daydream」のAR/VR両対応スマホ「ZenFone AR」 - PC Watch

2017/01/05 19 users Daydream Asus プレスカンファレンス 赤外線 開幕

ZenFone AR 　ASUSは、「CES 2017」の開幕に先立ってプレスカンファレンスを開催し、「ZenFone AR」を発表した。 　この製品はAR(拡張現実)とVR(仮想現実)に対応し、「Google Tango」と「Daydream-ready」の両方が謳われた、世界初のスマートフォンとなる。 　Google Tangoは、スマートフォンに赤外線、魚眼、RGBといった異なるカメラを実装... 続きを読む

ノンデザイナー向け！グラフィックデザインの基本用語、50個まとめました。 - PhotoshopVIP

2015/10/14 122 users PhotoshopVIP ノンデザイナー向け カーニング

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 グラフィックデザインの世界に飛び込もうとしたときに、新しい言語を学んでいるような気分になるときがあります。 カーニングやトラッキング、暖色、寒色、CMYK、RGBと覚えなければいけない用... 続きを読む