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

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

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

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を使っているので、基本的な使い方と、あまり説明のないツールチップの加え方を紹介します。 ... 続きを読む

Vue.jsでカラーコードからRGB値にサクッと変換する方法 | Webクリエイターボックス

2019/02/13 29 users Vue.js 既存 グラフィックツール ツール カラーコード

2019年2月13日 JavaScript, Vue.js, 便利ツール 色関連の解説をしたり、記事を書く時に、カラーコードのRGB値をダーッと一覧で見たい！という機会がちょこちょこありまして。グラフィックツールや既存のWebサイトでもできますが、もっとサクサク進めたくなって「Quick HEX to RGB」というツールを作りました。Vue.jsを... 続きを読む

Webで使えるカラーネームと、そのカラーコード・RGB値一覧 | Webクリエイターボックス

2019/01/24 48 users Webクリエイターボックス web カラーコード CSS 色彩

2019年1月24日 CSS, 色彩 Webサイトを作るとき、通常色の指定にはカラーコードを記述しますが、決められた色名称を使うこともできます。色を自分で一から探すより、リストの中から選ぶ方がイメージにあう色が探しやすいよなぁ…という場面があったり、単純に色の名前からカラーコードやRGB値を知りたいということが時々あ... 続きを読む

Pixel Picker – 手軽にRGB値・16進数カラーコードを取得できるアプリ | reliphone

2015/12/13 17 users 疑問 カラーコード reliphone アプリ

シンプル。とにかくシンプル。他のアプリでも代用できるくらいシンプル。だけどなんでかこのアプリを使ってしまう。“カラーコードを調べるだけのアプリ。他にできることは何もありません。” わざわざレビューするほどのものかという疑問は付きまといますが、案外便利に使っていてずっと消さずにとってあるのでそれなりに気に入ってるものっぽい。 Pixel Picker – Image Color Picker And... 続きを読む

Python OpenCV3で画素のRGB値を入れ替える - from umentu import stupid

2015/06/22 18 users import stupid 画素 from umentu

OpenCV3で画像のRGB値の値を入れ替える方法を紹介。Tweet画素のRGB値を入れ替える方法 前提 ディレクトリ構成などはこことかこことか。   使う画像 この画像(karasu.jpg)を利用する。 source/imageディレクトリ配下に設置しておく。 $ […] 投稿Python OpenCV3で画素のRGB値を入れ替えるはfrom umentu import stupidの最初に登... 続きを読む

[iOS] 用途別、iOSアプリ開発に役立つオススメのWebサービス10選+α ｜ Developers.IO

2015/02/19 142 users iOS JSON WebAPI 緯度経度 iOSアプリ

はじめに iOSアプリの開発時に使用しているツールやWebサービスを用途別にまとめてみました。 目次 WebAPIの動作を確認したい JSONのフォーマットを検証したい とりあえず、アプリにダミー画像をいれたい それっぽい写真やアイコン素材を入れたい RGB値から16進数のカラーコードからへ変換したい iOS 7以降のシンプルなデザインに合いそうなカラーコードを取得したい 特定の住所の緯度経度を取... 続きを読む

JavaScriptで画像のクラスタリングによるドット絵風加工 « Rest Term

2013/09/08 54 users クラスタリング Rest Term 一例 特徴ベクトル 各画素

pixel clustering using k-means++ 前回のJavaScriptでPoisson Image Editingによる滑らかな画像合成に引き続き、HTML5 Canvasを使ったJavaScriptによる画像処理の一例を紹介します。 今回は画像の画素値に対するクラスタリング(分類)を画像加工用途に応用します。クラスタリングには各画素のRGB値を特徴ベクトル(次元数3)として... 続きを読む

カラーピッカーで画面上の色を取得できるChrome拡張機能「Color Picker」 : ライフハッカー［日本版］

2012/12/07 49 users カラーピッカー Color Picker ライフハッカー

Google , Google Chrome , Webツール , デザイン , 最新テック カラーピッカーで画面上の色を取得できるChrome拡張機能「Color Picker」 2012.12.07 15:00 「Color Picker」はカラーピッカーで開いているページ内から色を取得できるChrome拡張機能です。カラーコードで取得できますし、RGB値も同時に表示してくれます。ウェブ開発な... 続きを読む

PhotoshopのjavascriptでピクセルのRGB値を取得する方法があった - メ　モ　帳

2011/05/25 6 users ピクセル Photoshop JavaScript RGB

Photoshopのjavascriptには直接ピクセルのRGBを取得できるようなオブジェクトが用意されていないので無理やりやらないといけない。以下転載。 getColorAt = function(doc, x, y) { function selectBounds(doc, b) { doc.selection.select([[ b[0], b[1] ], [ b[2], b[1] ], [... 続きを読む

Kinectで背景合成 & 簡易光学迷彩 - noire722の日記

2011/05/05 17 users Kinect OpenNI ポインタ リアルタイム 背景

C#, Kinect, OpenNI | 16:11 | 言語C# 環境Windows + .NET4.0 + OpenNI.netデモ任意のBitmap画像を、Kinectを使ってリアルタイムに背景として合成するプログラムです。肝はMapOutputModeをImageGeneratorから取得することと、ピクセルごとのRGB値をポインタで参照して直にコピーしてくる部分。RGB値セット時のifの... 続きを読む