並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 1537件

新着順 人気順

カラーコードの検索結果1 - 40 件 / 1537件

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

    はじめに ダミーデータを作成しなければならないときってありますよね? テストデータやサンプル画面を作るときに値をどうするか困ったことありませんか? そういった悩みを VS Code で解決するための拡張機能が vscode-random です。 https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random デモ (GitHub リポジトリより引用) 拡張機能としてはカーソル位置にランダムな値を挿入するという単純なものなのですが、VS Code のマルチカーソル機能と組み合わせることで非常に強力な体験を得ることができます。 名前やメールアドレスの項目がある JSON や YAML に対し、複数の項目にまとめて値を挿入して作り上げるのは気持ちいいこと間違いなし! 対応コマンド コマンド 説明 生成例

      ダミーデータ作成のお供に! VS Code 拡張機能「vscode-random」で人名やカラーコードなどを自動生成してもらおう! | DevelopersIO
    • LINEやインスタなど代表的なSNS・Webサービスのカラーコード一覧

      ブログやWebサービスを自作するときに、アイコンや背景など、配色の参考にどうぞ。 基本的には各サービスのアイコンからカラーコードを抽出しました。 サービス名 色 カラーコード RGB

        LINEやインスタなど代表的なSNS・Webサービスのカラーコード一覧
      • SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」

          SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
        • 100均カラーコードでスマホ斜めがけストラップ!古いパールネックレスでも自作 - 貯め代のシンプルライフと暮らしのヒント

          セリア100均カラーコード 時代はスマホ斜めがけ! スマホストラップは、肩掛けタイプが人気だと、TVで紹介されました。 たしかにバッグにしまい込むと、取り出すのに不便だし、服のポケットに入れると重みで服がゆがんでしまいます。 私は100均カラーコードと、手持ちの古いパールネックレスで肩掛けストラップを自作してみたので、お伝えします。 スポンサーリンク 100均カラーコードのストラップ パールネックレスのストラップ パール再利用 まとめ 100均カラーコードのストラップ 肩掛けストラップが人気 セリアの手芸コーナーにあるカラーコードは日本製。 アクリル製ですが、丈夫そうなので先日、買ってきました。 カラーコードはパステル調の色合いで、幅6㎜長さは2メトール。 スポーツシューズのひもみたいな、カラーコードです。 スマホケースに通して、肩掛けしたのが上の画像です。 カジュアルな雰囲気。 着ている

            100均カラーコードでスマホ斜めがけストラップ!古いパールネックレスでも自作 - 貯め代のシンプルライフと暮らしのヒント
          • 【悪用厳禁】お気に入りのサイトとお揃いの色にできる…?カラーコード抽出ツール「ColorPick Eyedropper」の使い方を解説 | 転職ポートフォリオの作り方を学ぶならアームズ

            転職ポートフォリオを始めとした制作物を作っていると、他の制作物を参考にすることも多いでしょう。 一方で、どういった技術や内容で作られているものなのかというのは、意外に知らない方も多いはず。 そこで、今回はお気に入りの制作物で使われている色彩情報を抽出できる「ColorPick Eyedropper」の使い方について解説します。 もしお気に入りのサイトや制作物とお揃いの色を自分の制作物へ取り入れたいと考えている方は、ぜひ参考にしてみてください。 カラーコード抽出ツール「ColorPick Eyedropper」で出来ること 出来ることは、以下の通り。 画面上の色をピックアップする 色の情報を取得する 取得した色の履歴を管理する 拡張機能ゆえ機能はシンプルでありながらも、ネット上で検索できるものであれば、どこからでも色を取得できる優れモノ。 なので例えば、第三者が作った制作物やいつも閲覧してい

              【悪用厳禁】お気に入りのサイトとお揃いの色にできる…?カラーコード抽出ツール「ColorPick Eyedropper」の使い方を解説 | 転職ポートフォリオの作り方を学ぶならアームズ
            • 16進数カラーコードとカラーネームがひとつにまとまったカラーピッカー「Named Colors Wheel」

              HTMLで色を指定するために使うカラーコードとカラーネームをひとつにまとめた、ウェブデザインなどで便利なカラーピッカーが「Named Colors Wheel」です。Named Colors Wheelにまとめられているのは全部で139色のみですが、ここから視覚的に色を選び、CSSの中で名前を参照することができます。 Named Colors Wheel https://arantius.github.io/web-color-wheel/ Named Colors Wheelの使い方は簡単で、円形のカラーホイール上にマウスカーソルを移動させ、気になる色を探すだけ。すると、マウスカーソルが置かれている位置にある色、カラーネーム、16進数カラーコードの3つが、カラーホイール下部に以下のように表示されます。 気に入った色があればその色をクリックすればOK。すると、マウスカーソルを移動させても色

                16進数カラーコードとカラーネームがひとつにまとまったカラーピッカー「Named Colors Wheel」
              • カラーコードの一覧表(色を調べる/色を作る) | ITSakura

                rrggbbは、赤(red)、緑(green)、青(blue)の値をそれぞれ00からffの16進数で2桁ずつで表します。 rgb(n,n,n)は、赤(red)、緑(green)、青(blue)の値をそれぞれ10進数で表します。 以下はMDNのCSSのcolorのリンクです。 https://developer.mozilla.org/ja/docs/Web/CSS/color_value RGBの色をスライダーで作成する スライダーを動かすか、数値を入力すると色が作成されます。 R 0 255 G 0 255 B 0 255 RGBの色(51,255,105) 16進数のRGBの色(#33FF69) 16進数のRGBの色をカラーピッカーで指定/確認する ・左側のカーソルを動かすと、右側の色が変わり16進数のRGB(#rrggbbの形式)を表示します。 ・右側に16進数のRGB(#rrggb

                • Vimで24bit カラーコードを素早く編集して Colorschemeを作成した話 - Qiita

                  はじめに この記事はvim2 advent calendar 2019 17日目の記事です。 完成物は以下です。 bluewery.vim vim-colorrange 自分で Colorscheme を作りたくなった 私は vim-gotham というcolorschmeを3~4年間ほど使用してきました。 このcolorschemeに非常に満足していたのは 単純に色がいい 端末のAnsi colors の設定も ここ にまとまっていて、Truecolorが使えないvimでも端末さえ設定すれば綺麗な色で使えた。 という点です。 ですが、少しずつ自分の好みとは違うなあと思い始めて、それをどうやって調整していたかというと 端末のAnsicolorを少しずつ調整して、vim側では notermguicolors で使っていたんですね。 これによってColorscheme自体には全く手入れすること

                    Vimで24bit カラーコードを素早く編集して Colorschemeを作成した話 - Qiita
                  • 見やすいグラフの色分けをまとめました(カラーコード) - こんてんつこうかい

                    こんてんつ 見やすいグラフの配色パターンをまとめます。パレットをまとめた後、最後の方で考察を述べています。 結論 カラーユニバーサルデザインが一番見やすいです。 3色使用の場合、カラーユニバーサルデザインの赤、青、緑が抜群に良い カラーユニバーサルデザインは最大7色まで対応可(黒含む) どうしても10色使いたいときは、P. Tol氏が提案するMutedというパレットがある 3色(カラーユニバーサルデザイン) 例 16進カラーコード RGB 名前 ■ #FF4B00 R255 G75 B0 鮮やかな黄みの赤 ■ #005AFF R0 G90 B255 鮮やかな青 ■ #03AF7A R3 G175 B122 重厚な青みの緑 4~6色(カラーユニバーサルデザイン) 上から順に使うと良い。黄色が見にくければ黒を検討すべき。ただしグレーはNG(青との相性が△)。 例 16進カラーコード RGB 名

                      見やすいグラフの色分けをまとめました(カラーコード) - こんてんつこうかい
                    • 小学校受験対策にも使えるカラフルな1人用パズル「カラーコード(Color Code)」 - 親子ボードゲームで楽しく学ぶ。

                      うちの下の子は来年小学校に入学する年齢です。 行事などが大変なので、できれば国立小学校に通う上の子と同じ学校に通わせたいところ。そのためには小学校受験をクリアしなければなりません。 残念ながら国立小学校には抽選があるため、どんなにがんばっても合格は保証できません。 したがって不合格の可能性も覚悟のうえ、投入資源(費用と時間)とリターン(合格の可能性)のバランスを考え、今年も最小限の労力で小学校受験にチャレンジしていきたいと思います。 具体的には、定期的な通塾はせずに(模試や講習など場慣れのためにスポットで活用)お受験に挑戦です。 上の子のときより増えたボードゲームもフルに活用し、ある意味親の都合で子供をふりまわす受験対策をできる限り楽しくやっていきたいと思います。 というわけで、今回は小学校受験対策として使える欧州SMRT GAMES社の1人用パズルゲーム「カラーコード(COLOR COD

                        小学校受験対策にも使えるカラフルな1人用パズル「カラーコード(Color Code)」 - 親子ボードゲームで楽しく学ぶ。
                      • JavaScript | HEXカラーコードをランダム生成する | 1 NOTES

                        JavaScriptを使ってランダムなHEXカラーコードを生成する方法の紹介です。 See the Pen JavaScript | Randomly generate HEX color code by yochans (@yochans) on CodePen. HEXカラーコードをランダム生成HEXカラーコードをランダム生成するサンプルコードです。 let color = '#'+Math.floor(Math.random()*16777215).toString(16);以下は上記動作サンプルのHTML、JavaScriptコードになります。 <p id="output"></p>サンプルでは、ループ処理で複数のランダムカラーコードを生成しながら<div>要素をHTMLに追加しています。 for (let i = 0; i < 198; i++) { let color = '#

                        • カラーコードからrgbaへ変換するツール【css】

                          バックグラウンドカラーの透過などに便利カラーコードをrgbaに変換するツールです。 テキストボックにカラーコードを入力またはコピペすることでRGBaに変換されます。 透明度は0.05刻みで設定できます。 rgba(255 […]

                            カラーコードからrgbaへ変換するツール【css】
                          • Webセーフカラーのカラーコード一覧 - Qiita

                            print('| カラーコード | $(R, G, B)$ | $(H, S, V)$ | 補色 | 反対色 |') print('| :---: | :--- | :--- | :---: | :---: |') for r in range(0, 256, 51): for g in range(0, 256, 51): for b in range(0, 256, 51): r_c, g_c, b_c = get_complementary_colors(r, g, b) r_o, g_o, b_o = get_opposite_colors(r, g, b) h, s, v = get_hsv_colors(r, g, b) color_code = '`#' + format(r, '02x') + format(g, '02x') + format(b, '02x') + '`

                              Webセーフカラーのカラーコード一覧 - Qiita
                            • 任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」 - かちびと.net

                              Color Pick.は任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なカラーピッカーWebアプリです。 任意の写真を読み込むと表示され、写真の好きな場所から色を抽出する事が出来ます。デフォルトでは7色まで取り出せて、まとめてJSONでエクスポート出来るようになっています。 写真は%単位で300%まで拡大可能です。HTML/CSS/JavaScriptで設計、OSSとしてソースコードも公開されています。ライセンスはMIT。 Color Pick.On Github

                              • 空の写真にカラーコードを添えるアイデアが不思議な味わい 夜空を「読んでみる」詩的な体験

                                空の写真のグラデーションを、カラーコードで表す試みがユニークです。例えば、晩の空なら#051637、#1c2c52、#5c658b。写真に情報が加わることで、不思議な味わいが生まれています。 文字情報がアクセントになって一風変わった写真に 投稿主はTwitterユーザーの“を。”(@Cokohore11)さん。以前から風景とカラーコードを組み合わせた作品を投稿しており、今回は色数を増やしグラデーションの表現に挑戦しました。 写真自体の美しさもあって、ツイートは「おしゃれ」「世界観が好き」と好評。作者はほかにも、空を「宵」や「薄暮」などの言葉とともに表したり、Twitterのユーザーインタフェースを作品の一部としたり、さまざまな創作表現に取り組んでいます。 画像提供:を。(@Cokohore11)さん advertisement 関連記事 花見自粛で「ツイッターお花見2020」が盛り上がる 

                                  空の写真にカラーコードを添えるアイデアが不思議な味わい 夜空を「読んでみる」詩的な体験
                                • PowerPointのスライドの色選びにおすすめのトーン別カラーコード表 | まなびっと

                                  色相環 色相を円にしてつなげたものを色相環(しきそうかん)といいます。 PowerPointのスライドに色を使う際には、色相環で隣り合う色、近い位置にある色でまとめると統一感がでます。 色相環で隣り合う色、近い位置にある色を、ベースカラーやアソートカラーにし、対照の位置にある色をアクセントカラーにしてあげるとメリハリの効いたスライドになります。 ビビットトーンの12色相環 明度と彩度をまとめた表現をトーンといいます。 PowerPointのスライド配色は、同じトーンの色でまとめると統一感がでます。 トーンの種類と位置関係 色の配分のバランス ベースカラー、アソートカラー、アクセントカラーと色を3つに配分することで、バランスのとれた配色になります(3つに配分するとは、3色で配色するということではありません)。 色の配分(配色比)は、「70:25:5の法則」や「6:3:1の法則」と言われていま

                                  • 『ColorPick Eyedropper』Web上のカラーコードを一瞬で調べるChrome拡張機能 - 新米研究者の日常ブログ

                                    こんばんは、モルモル(@morumorublog)です。 Webサイトやブログをデザインするために、他のサイトやブログを参考にする機会も多いと思います。 Web上のサイトやブログを見てまわる中で、こんなことを感じたことはないでしょうか。 ◉ このサイトのトップページの配色は綺麗だ。真似したい! ◉ この画像のこの部分の色がとても好みだ。自分のブログに取り入れたい! ◉ このフォントの色が印象的だ。カラーコードを知りたい! HTML・CSSコーディングでWebサイトやブログをデザインする場合、用いる色はカラーコードで定義する必要があります(白であれば #ffffff など)。 せっかく気に入った色を見つけても、カラーコードがわからなければ、取り入れることができません。 そこで本記事では、Web上のカラーコードを一瞬で読み取ることができるChrome拡張機能「ColorPick Eyedrop

                                      『ColorPick Eyedropper』Web上のカラーコードを一瞬で調べるChrome拡張機能 - 新米研究者の日常ブログ
                                    • 【CSS】不透明度をカラーコードで指定する便利な方法

                                      CSSで不透明度80%に指定するとき、 opacityプロパティか、HEX(16進数)か、RGBAの3通りがあります。 例えば背景色に指定する場合は以下のようになります。 /* opacityプロパティで指定 */ .A{ background-color: #000; /* ← rgb(0,0,0);でもOK */ opacity: 0.8; } /* HEXで指定 */ .B{ background-color: #000000CC; } /* RGBAで指定 */ .C{ background-color: rgba(0,0,0,0.8); }

                                        【CSS】不透明度をカラーコードで指定する便利な方法
                                      • NEO HIMEISM on Twitter: "写真から抽出したカラーパレット付きの画像をインスタに投稿してみました~ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいmm https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE"

                                        写真から抽出したカラーパレット付きの画像をインスタに投稿してみました~ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいmm https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE

                                          NEO HIMEISM on Twitter: "写真から抽出したカラーパレット付きの画像をインスタに投稿してみました~ カラーコードは誤記を懸念して書いてないのですが、使えそうでしたら何かの配色に使ってくださいmm https://t.co/7rsuRH1nUg https://t.co/pmiwim6LfE"
                                        • 銀朱 ぎんしゅ #c85554の色見本とカラーコード - 和色大辞典

                                          日本の伝統色 R:200 G:85 B:84 H:1 S:58 B:78 L*:51.17 a*:45.78 b*:23.74 C:26% M:80% Y:62% K:0% 鈍い赤系の色

                                            銀朱 ぎんしゅ #c85554の色見本とカラーコード - 和色大辞典
                                          • #ff8484の色見本とカラーコード - パステルカラー

                                            Pastel Color R:255 G:132 B:132 H:360 S:48 B:100 L*:69.06 a*:46.58 b*:21.62 C:0% M:63% Y:37% K:0% 軽い赤系の色

                                              #ff8484の色見本とカラーコード - パステルカラー
                                            • 結構シンプル?京急のカラーコード - 社畜ゲートウェイ

                                              先日、京成のカラーコードの記事をしたためました。当サイトでは京急の記事も取り上げていますので、京急で使用されているカラーコードも調べてみました。 京急で使用されているカラーコード 調査方法 コーポレートカラー 路線カラー 種別カラー 編集後記 関連記事 最近の鉄道情報 今後1週間の鉄道イベント(鉄道コムより) 参考資料 京急で使用されているカラーコード 京急で使用されているカラーコードを網羅するのは限界があるので、今回は次のカラーコードに限定します。 コーポレートカラー 路線カラー 種別カラー 車体のカラーや駅名標のカラーは省きます。 調査方法 京急の公式ホームページに掲載されている画像・PDFから、カラーコードを抽出します。 コーポレートカラー 京浜急行電鉄ロゴ(京浜急行電鉄公式HPより) RGB 16進トリプレット R:0 G:160 B:227 #00A0E3 京急のロゴで使用されて

                                                結構シンプル?京急のカラーコード - 社畜ゲートウェイ
                                              • ヒカキンの乳首のカラーコード - ゴンテテ日記

                                                #97746d R 151 G 116 B 109 かっこいい

                                                  ヒカキンの乳首のカラーコード - ゴンテテ日記
                                                • 意外と多い!?京成電鉄で使用されているカラーコード - 社畜ゲートウェイ

                                                  当サイトでは鉄道記事のサムネイルを作成する時に、文字の色などは記事で取り上げた鉄道会社の色を使用しています。いつもRGBや16進トリプレットのコードを探して、パレットにセットしているんですが、1つの鉄道会社でどれくらいのカラーコードがあるのだろうと気になったので調べてみました。 京成電鉄で使用されているカラーコード 調査方法 コーポレートカラー 路線カラー 種別カラー 編集後記 関連記事 参考資料 最近の鉄道情報 今後1週間の鉄道イベント(鉄道コムより) 京成電鉄で使用されているカラーコード 当サイトで頻繁に取り上げている京成電鉄のカラーコードを調べてみました。ただ、全てを網羅すると際限が無いので、今回は次のカラーコードに限定します。 コーポレートカラー 路線カラー 種別カラー 他にも車体カラーなどもありますが、どう頑張っても不明でしたので今回はパスして、ガチ勢の先輩方にお任せします。判明

                                                    意外と多い!?京成電鉄で使用されているカラーコード - 社畜ゲートウェイ
                                                  • 【Unity】カラーコードで色を指定する方法 - AppSeedのアプリ開発ブログ

                                                    Unityでカラーコードで色を指定する方法に関するメモ。 【Unity】カラーコードで色を指定する方法 カラーコードで色を指定したい場合は、UnityEngine.ColorUtilityを使えば良さそうです。 docs.unity3d.com private Color32 white_color = new Color32(255, 255, 255, 255); //カラーコードの文字列からColorクラスに変換 public Color GetColor(colorCode c) { Color color = default(Color); if (ColorUtility.TryParseHtmlString(colorCode, out color)) { //Colorを生成できたらそれを返す return color; } else { //失敗した場合は白を返す ret

                                                      【Unity】カラーコードで色を指定する方法 - AppSeedのアプリ開発ブログ
                                                    • オリーブグリーン olive green #5f6527の色見本とカラーコード - 洋色大辞典

                                                      世界の伝統色 R:95 G:101 B:39 H:66 S:61 B:40 L*:41.03 a*:-11.86 b*:33.55 C:68% M:55% Y:100% K:16% 深い黄緑系の色

                                                        オリーブグリーン olive green #5f6527の色見本とカラーコード - 洋色大辞典
                                                      • 政党のイメージ色は?各党公式WEBサイトから選んだ最適なカラーコード一覧

                                                        日本の政党のイメージカラーは、定着しているようで定着していないのが実情です。 ロゴ、ポスター、パンフレットなど各政党が多用しているシンボルカラーはありますが、ほかの政党と重複しないように色分けした情報は見当たりませんでした。 そこでこの記事では、日本の政党のイメージカラーを色分けする視点でまとめました。 具体的なカラーコードは、各政党の公式ホームページで実際に使われている色から取得しています。

                                                        • 主要SNS・WEBサービスのブランドカラーコードまとめ – ukaR

                                                          WEBデザインをしていると、SNS・WEBサービスのブランドカラーコードを調べる機会があります。 google検索するといろいろなコードが出てきて混乱するので、主要SNS・WEBサービスの公式サイトで調べたブランドカラーコードをまとめました。 画像検索→スポイト抽出だと微妙に違う色になることもあるので、できるだけ公式でHEXカラーコードが明記されているものを探しました。 facebook #1877f2 www.facebookbrand.com #3B5998 旧カラー Twitter #1DA1F2 about.twitter.com/ja/company/brand-assets Google+ #dd4b39 developers.google.com/+/branding-guidelines ※サービス終了 Instagram Gradation www.instagram-b

                                                          • 東京光音電波株式会社🎚️【公式】 on Twitter: "カラーコードカレンダー2022版 https://t.co/lJK7ez68FF [PDF] https://t.co/YsF0N4DrN0"

                                                            カラーコードカレンダー2022版 https://t.co/lJK7ez68FF [PDF] https://t.co/YsF0N4DrN0

                                                              東京光音電波株式会社🎚️【公式】 on Twitter: "カラーコードカレンダー2022版 https://t.co/lJK7ez68FF [PDF] https://t.co/YsF0N4DrN0"
                                                            • スピナッチグリーン spinach green #417038の色見本とカラーコード - 洋色大辞典

                                                              世界の伝統色 R:65 G:112 B:56 H:110 S:50 B:44 L*:42.75 a*:-28.04 b*:26.09 C:78% M:48% Y:98% K:9% 暗い黄緑系の色

                                                                スピナッチグリーン spinach green #417038の色見本とカラーコード - 洋色大辞典
                                                              • XDなどで良くある8桁のカラーコードの見方と一覧

                                                                今回はそんな疑問にお答えしていきます。 カラーコードといえば通常6桁かRGBだと思いますが、XDのカンプでは8桁表示の時もあるので「??」となる人もいるでしょう。

                                                                  XDなどで良くある8桁のカラーコードの見方と一覧
                                                                • 【3桁カラーコード】WinとMacで共通に存在する216色Webセーフカラー - ぶろぐライフ~パソコン苦手なブログ初心者さんを全力でサポート~

                                                                  カスタマイズなどの際に色コードが6桁と3桁そしてRBGの3種類があって困った経験はないですか? 結局のところどれを使っても結果は同じになるんです。 何を使うかは【CSS】内で使うのか【HTML】内の<style>で使うのかなど『どこで使うのか』で決まります。 この記事では<style="color: #903>の様なタグに必要な【3桁のカラーコード216色】一覧を用意しました。 WindowsとMacのシステムパレットのうち共通に存在する216色である【Webセーフカラー216色】となります。 【はてなブログ】で用意されているWebアイコンを利用する際に利用できます。 maysun53.com 【3桁カラーコード】WinとMacで共通216色Webセーフカラー 6桁と3桁カラーコードの違い Webセーフカラー216色一覧 【3桁カラーコード】216色Webセーフカラーまとめ - スポンサー

                                                                    【3桁カラーコード】WinとMacで共通に存在する216色Webセーフカラー - ぶろぐライフ~パソコン苦手なブログ初心者さんを全力でサポート~
                                                                  • 【CSS】CSSで使えるのは色は、RGB / 16進数カラーコードだけじゃない。 - Qiita

                                                                    はじめに あなたは CSSで色を指定するときに何を使ってますか? red・blueといった、カラーキーワードを入力する方法、 rgb(255, 0, 0)・rgba(0, 0, 255, 0.5)といった、rgb色空間を入力する方法、 #FF0000・#0000FFといった、16進カラーコードを指定する方法などを 使っている人は多いのではないのでしょうか? 実は、Web開発者の開発体験を向上することを目的に主要なブラウザの関係者が取り組んでいる Interop 2022の中で、色についても改善される予定です。 この記事では、拡張される色についてまとめました。 RGB関数 RGB関数は、皆さんがご存知の通り、rgb(0,0,0) rgba(255,255,255,1)のように Red(赤)・Green(緑)・Blue(青)・alpha(不透明度)を指定することで色を決めることができます。 そ

                                                                      【CSS】CSSで使えるのは色は、RGB / 16進数カラーコードだけじゃない。 - Qiita
                                                                    • Lyuka🌿private🏍 on Twitter: "アプリでカラーコードを読み取るのが難しい理由は… ねぇ分かる?この中に抵抗って1本しか無いんだよー https://t.co/Y42BkSStGz" / Twitter

                                                                      • 江戸紫 えどむらさき #745399の色見本とカラーコード - 和色大辞典

                                                                        日本の伝統色 R:116 G:83 B:153 H:268 S:46 B:60 L*:41.53 a*:28.35 b*:-33.27 C:66% M:75% Y:13% K:0% 鈍い紫系の色

                                                                          江戸紫 えどむらさき #745399の色見本とカラーコード - 和色大辞典
                                                                        • HTML・CSSで使うカラーコードを検索!透明・透過も!

                                                                          カスタマイズについて バリバリの初心者マークの私が、自分でやったカスタマイズを記録として書いています。 にわかがニュアンスで書いたフワッフワした記事ですので参考程度にどうぞ! そしてカスタマイズは自己責任でお願いいたします。 どうなるのか分からないので、バックアップやコピーはしっかり行って下さいね! cssを使ったカスタマイズをしているとカラーコードをよく使うのですが、そのコードを調べるのが結構面倒なんですよね。 今までイラレやフォトショを開いて確認していたのですが、その手間もオサラバ!なサイトをご紹介。 カラーコードだけじゃなく、透過する際に使うRGBカラー、透過度合いまで分かるのでここさえブクマしてれば全てOK! React Color 英語サイトなので、なんて書いてあるかは分かってません! こちらのサイト本来の使い方は分かりませんが、今回の目的であるカラーコードや透過に必要なRGBカ

                                                                            HTML・CSSで使うカラーコードを検索!透明・透過も!
                                                                          • 【インストール不要】Googleスライドでスポイト機能|簡単カラーコード抽出方法 - Youとらぼ

                                                                            GoogleスライドはPowerPointと同じプレゼンテーションソフトですが、Googleアカウントがあれば無料で利用できるためとても便利です。データはクラウド上に保管されるので、どのPCからでも作業できるのが魅力の一つです。 Googleスライドで資料作成をしていて、写真の色をスポイトで抜き取って、全体的に統一感のある資料に仕上げたいと思ったことありませんか? 私もよく愛用しているのですが、Googleスライドではスポイトの機能がなく困っていました。しかしChromeのデベロッパーモードを使うことで、無料でカラーコードを抽出できることが分かりました! アプリのインストールも不要なので便利ですよ!やり方を紹介します。

                                                                              【インストール不要】Googleスライドでスポイト機能|簡単カラーコード抽出方法 - Youとらぼ
                                                                            • 【抵抗のカラーコード】一覧表・読み方・覚え方などを解説!

                                                                              抵抗のカラーコードの一覧表と各抵抗(3バンド抵抗~6バンド抵抗)を上図に示しています。 抵抗に表示されているバンド(色帯)の数は3~6まであり、『4バンド抵抗(バンドが4本の抵抗)』と『5バンド抵抗(バンドが5本の抵抗)』が一般的な抵抗(よく見かける抵抗)となっています。 全てのバンドに共通して言えるのは、カラーコードの少なくともバンド2本は抵抗値を表し、バンド1本は「乗数」を表していることです。 乗数は「10■の■の箇所」にカラーコードの数値を代入します。例えば、黒色は「1」を表すので『100=1倍』、赤色は「2」を表すので『102=100倍』となります。また、乗数には金色と銀色が加わり、金色が『10-1=0.1倍』、銀色が『10-2=0.01倍』となります。 では実際に3バンド抵抗~6バンド抵抗の抵抗値を読んでみましょう。 3バンド抵抗のカラーコードの読み方 3バンド抵抗はバンドが3本

                                                                                【抵抗のカラーコード】一覧表・読み方・覚え方などを解説!
                                                                              • #ff7f7fの色見本とカラーコード - パステルカラー

                                                                                Pastel Color R:255 G:127 B:127 H:360 S:50 B:100 L*:68 a*:48.59 b*:22.97 C:0% M:65% Y:39% K:0% 軽い赤系の色

                                                                                  #ff7f7fの色見本とカラーコード - パステルカラー
                                                                                • #cc99ffの色見本とカラーコード - web216

                                                                                  Web Safe Color R:204 G:153 B:255 H:270 S:40 B:100 L*:71.44 a*:38.06 b*:-43.62 C:34% M:44% Y:0% K:0% 淡い紫系の色

                                                                                    #cc99ffの色見本とカラーコード - web216