ダミーデータ作成のお供に！ VS Code 拡張機能「vscode-random」で人名やカラーコードなどを自動生成してもらおう！ | Developers.IO

2020/10/15 278 users items 人名 Developers.IO お供 デモ

はじめに ダミーデータを作成しなければならないときってありますよね？ テストデータやサンプル画面を作るときに値をどうするか困ったことありませんか？ そういった悩みを VS Code で解決するための拡張機能が vscode-random です。 https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random デモ... 続きを読む

Google Chromeがタブの整理を便利にする新機能を提供 | TechCrunch Japan

2020/05/14 11 users タブ TechCrunch JAPAN 整理 提供 新機能

Google Chrome（グーグル・クローム）は、開いているタブを整理しやすくする新機能を公開する。同社は米国時間5月13日、ブウラザーChromeのベータバージョンで「タブグループ」を公開したことを発表した。タブにラベルやカラーコードをつけられるようになり、アクセスしやすくする。一般向けリリースにも来週から導入さ... 続きを読む

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

2019/03/07 14 users clipboard.js RGB 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 RGB値 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 色彩 RGB値

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

生まれつき色素が薄いアルビノ当事者の苦しみ「カラーコードに合わないから‥」バイト・就職を断られるケースも | AbemaTIMES

2019/01/16 11 users AbemaTIMES バイト 就職 ケース

色素が生まれつき少ないことで、髪や皮膚、瞳の色が薄くなってしまう遺伝子疾患「アルビノ」。およそ２万人に１人の発症率で、具体的な治療法はないという。 海外ではその肉体が"人々に富を与える"と宗教的に考えられている地域もあり、国連独立専門家のイクポンウォサ・イロ氏が「臓器を摘出されたり切断されたりし、呪... 続きを読む

デザイン制作時に役立つ！配色が簡単ワンクリックで決められるカラーパレットジェネレーターツール15選【パターン/組み合わせ/カラーコード】 - Web Design Facts

2018/05/14 25 users 配色 デザ Web Design Facts パターン 選定

2018 - 05 - 14 デザイン制作時に役立つ！配色が簡単ワンクリックで決められるカラーパレットジェネレーターツール15選【パターン/組み合わせ/カラーコード】 カラー デザイン グラデーション 参考サイト デザインにおいて配色は全体の雰囲気が決まるので最も重要な要素。 ただし、重要な要素だからこそ選定に時間を要しますし、最適な配色を見つけるのは簡単な作業ではないですよね。 そこで本日はデザ... 続きを読む

カラーコードから色の相性を確認できるwebツール「.colors{}」 | DesignDevelop

2018/02/15 15 users DesignDevelop colors 配色 工程 相性

デザインの印象を決める配色は、組み合わせ次第で全く異なる印象へと変化する、重要な工程です。そんな配色だからこそ、しっかりと吟味して最適な組み合わせを選びたいもの。今回ご紹介するのはその配色を行う際に役立つwebツール「.colors{}」です。 好きなカラーコードを入力して、その色同士の相性を確認することが出来るWebデザインに最適なツールです。 詳しくは以下 ツールは大まかに、カラーコードを入力... 続きを読む

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

2017/06/25 20 users q-Az RGB tag 色見本 エディタ

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

スマホだけでブログをカスタマイズする時も便利！知りたい色のカラーコードを簡単に調べられるアプリ「Pixolor」 - カキタクナッタラ

2017/06/09 20 users カキタクナッタラ デザインカスタマイズ アプリ スマホ 開設

2017 - 06 - 09 スマホだけでブログをカスタマイズする時も便利！知りたい色のカラーコードを簡単に調べられるアプリ「Pixolor」 アプリ Android スマホ このブログも開設から2ヶ月くらいはずっとスマホだけでカスタマイズしていて でででーさん( @d3_dayo ) です！ 最近はやっぱりPCから弄ったほうが、特にブログのデザインカスタマイズなどする時は俄然楽なので、すっかりス... 続きを読む

【気になる色もOK】Webサイトからカラーコードを抽出する便利ツール『ColorPick Eyedropper』 - SEOカフェ | アクセスと売上UPを目指して

2017/04/28 8 users 狙い撃ち SEOカフェ 売上UP 便利ツール アクセス

2017 - 04 - 28 【狙い撃ち】Webサイトからカラーコードを抽出する便利ツール『ColorPick Eyedropper』 便利ツール 続きを読む

カラーコードを読み上げてその色を取る「カラーコードかるた」が狂気を感じる - Togetterまとめ

2016/12/15 529 users 狂気 Togetterまとめ ポーカー カルタ 拡張版

拡張版が日本の伝統色追加でカラーコードめちゃくちゃでそれを使ってかるたやポーカーが出来るらしい 拡張版もやっぱ欲しかったな〜 続きを読む

ウェブサービスのブランド色を検索できるサイト「brand-colors」 ｜ ライフハッカー［日本版］

2016/01/27 15 users ウェブサービス グリッド状 マウス ライフハッカー 以下

「 brand-colors 」は ウェブサービスのブランド色を検索できるサイト です。さまざまなウェブサービスの色が探せますよ。その色のカラーコードが分かるので、そのウェブサービスがどんな色を使っているか知りたいときに便利です。 以下に使ってみた様子を載せておきます。 まず brand-colors へアクセスしましょう。グリッド状にたくさん色が表示されます。マウスオーバーするとその色が何の色か... 続きを読む

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

2015/12/13 17 users 疑問 reliphone RGB値 アプリ

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

【Swift】Material Design(マテリアルデザイン) 用の color 設定 layout を作成しました。 | Linux & iOS & Android Labs

2015/11/01 27 users iOS layout Swift color Linux

iOS で Material Design のデザイン時に便利に利用でき、様々な配色を便利に利用できるよう layout 用の Color を一覧を作成しました。 Swift 版になります。 Objective−c 版はこちら。 プログラムをしながら、同時に配色を決める時に役立ちます。 色の濃さを変更するのも既にカラーコードが宣言してありますので、呼び出すだけで簡単に配色を試すことができます。 ■... 続きを読む

CSS & JavaScript】HLS(カラーコード)を活用して美しくアニメーションするグラデーションカラーを作ってみる

2015/10/26 47 users グラデーションカラー CSS JavaScript

DEMO 2 – 色相のみを変化させてトーンの揃ったカラーパターンを作ってみる 彩度と輝度を固定して色相を変化させるだけで同じトーンのカラーパターンを量産することが出来ます。例えば iOS は実に多彩な色を持ったトーンマナーにも関わらず統一感が失われていないのは、この彩度と輝度が一定に保たれているからです2)実際は微妙に調整されているのですが、それでも殆ど同じだったりします。。そういったカラーパタ... 続きを読む

マテリアルデザイン用のカラーチャートが手に入るサイト「Material UI Colors」 ｜ ライフハッカー［日本版］

2015/09/19 51 users ライフハッカー カラーチャート カメきち マテリアルデザイン

カメきち  - Webサービス,デザイン,趣味  06:30 AM マテリアルデザイン用のカラーチャートが手に入るサイト「Material UI Colors」 「Material UI Colors」はマテリアルデザイン用のカラーチャートが手に入るサイトです。マテリアルデザインに合う色をすぐに探すことができるので便利ですよ。その場でカラーコードのコピーも行えます。 以下に使ってみた様子を載せてお... 続きを読む

WD、「WD Green」シリーズ製品を「WD Blue」シリーズへ統合 - PC Watch

2015/09/18 41 users ウエスタンデジタルジャパン株式会社 統合 WD Green

ニュース WD、「WD Green」シリーズ製品を「WD Blue」シリーズへ統合 （2015/9/18 12:02） ウエスタンデジタルジャパン株式会社は、「WD Green」シリーズのHDD全製品を「WD Blue」シリーズに移行することを発表した。 今回のWD GreenとWD Blueシリーズの統合により、WDのカラーコードによる製品分類は、メインストリームPC向けの「WD Blue」、ゲ... 続きを読む

Pythonのfunctoolsでターミナルに色付きテキストする関数をお手軽作成する - Steel Dragon 14106

2015/08/07 16 users エスケープシーケンス Python 関数 Ansi ターミナル

ターミナルの色付きテキスト出力 ターミナルの画面上に色付きテキストを出力するには、ANSI エスケープシーケンス: 色とカーソル操作で解説されている通り、 表示されないエスケープシーケンスは、\[\033[ と \] で囲んでやる必要があります。色のエスケープシーケンスの場合は 後ろに m\] をつけてやる必要があります。 と、エスケープシーケンス + 目的のカラーコードでテキストを囲んでやると実... 続きを読む

カラーコードより色を推測するメソッド(カラーコードの仕組みについて)

2015/06/11 47 users メソッド 井畑 Photoshoptips 色相 彩度

16進数のカラーコードの仕組みや法則を解説しつつ、カラーコードより「色相」「明度」「彩度」を推測する方法をご紹介します。creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 about contact こんにちは、井畑です。最近、暇つぶしの時にハマっているサイトにGuess the Hexというのがあります。これ... 続きを読む

背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」 - かちびと.net

2015/06/02 47 users hex WCAG パレット フォント 親切設計

COLOR SAFE COLOR SAFEは背景色を設定すると、WCAGガイドラインに基づいたテキストカラーをパレットにして提出してくれるアクセシビリティカラーツールです。任意のテキスト、フォントの種類やサイズ、太さの指定も可能となっています。ピックアップされたカラーコードはHEXとRBGから選択可能で、クリックだけでクリップボードに格納してくれる親切設計でした。 COLOR SAFE Post ... 続きを読む

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

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

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

Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」 - GIGAZINE

2015/01/25 339 users Android モバイルOS サードパーティ製 自社サービス

Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定... 続きを読む

マテリアルデザインに使える配色をまとめたサイト「Material UI」 ｜ ライフハッカー［日本版］

2015/01/23 148 users 配色 カメきち ライフハッカー 色合い マテリアルデザイン

カメきち  - Webサービス,デザイン  07:30 AM マテリアルデザインに使える配色をまとめたサイト「Material UI」 「Material UI」はマテリアルデザインに使える配色をまとめたサイトです。アクセスすると様々な色が表示されます。どれもマテリアルデザインに合う色合いになっていますよ。クリックするとカラーコードをコピーできます。 以下に使ってみた様子を載せておきます。 まずM... 続きを読む

全画面でもいいね！ 現在時刻とカラーコードが連動する時計サイト「What colour is it?」 ｜ ライフハッカー［日本版］

2015/01/11 22 users ライフハッカー 時刻 カメきち 全画面 日本版

カメきち  - Webサービス,デザイン  07:30 AM 全画面でもいいね！ 現在時刻とカラーコードが連動する時計サイト「What colour is it?」 「What colour is it?」は現在時刻とカラーコードが連動する時計サイトです。毎秒時間が進むごとに背景色に指定されたカラーコードが変化していきます。 わずかな変化なので気付きづらいですが、少し時間が経つと背景色の変化するこ... 続きを読む