Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (43)

タグの絞り込みを解除

colorに関するsstのブックマーク (85)

  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
      • サイトの「色」選びに役立つ20のツール

        色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 ColorTrends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col

        サイトの「色」選びに役立つ20のツール
        • 色彩心理学に学ぶ Webサイトの色選び / ウェブデザインライブラリー

          投稿日:2010年12月28日   レベル:−    ソフトウェア: このチュートリアルでは、色彩心理学の観点からWebサイトの色選びについてご紹介します。 Step1 : はじめに Step2 : 広告における色の使い方とは Step3 : 色彩心理学の歴史 Step4 : 色の意味 クリエイティブ/アーティスティックの分野でプロフェッショナルになるつもりなら、色について理解する必要があります。 今回は、色彩心理学について取り上げることにします。 色は印象に影響を与えます。 住む世界によりますが、色の認知は自分たちの文化が伴います。 どこにも行ったことがないとしても、色の「意味」は時代とともに変わります。 今日においては、精神科医は色についての普遍の真理や、 「psyche(従来の心理学では色が印象に影響を与えるという考えは認められていない)」への影響について特定することができます。 色

          • 4次元の色彩: 4原色生物の色覚を考えてみよう

            この一連のテキストはふるかわ通信板に連載(?)された,古川さんによる一連の色覚の解説掲示を再構築したものです。連載掲示の新出分についても,できる限り追随して行く予定です。 再構築と言っても,各掲示の順番を直して Subject を <H?> に変更し,index を付けただけのものがテキスト版です。 また,画像と行ったり来たりしながら読むのはかなり疲れるので,画像も同時に表示させる版も作ってみました。ただし,レイアウトなどの都合で文を若干いじってあります。 以上のような事情なので,古川さんはこの一連のファイルを自由に複製・改変する(させる)事ができます。 テキスト版 画像付き版 付録:釣り好きの方へのコメント 特別付録:4原色色空間の14面体の展開図 [ 大' 小屋 ] [ 大' の玩具 ] ご意見ご感想は「けいじわん」(webBBS) までどうぞ。 satodai@dog.intcul

            • 行き詰まったデザイナーに贈る、新しいカラーパレットの作り方 | ライフハッカー・ジャパン

              次のデザインプロジェクトのために、新しいカラーパレットが必要になったら「ColorRotate」で作っちゃいましょう。ColorRotateは、見た目も楽しくて使いやすいカラーパレットジェネレーターです。 3Dのダイヤモンド型のパレットを、色調、濃淡、ブレンドなどモードを切り替え、前後左右に回しながら、自分好みの色を選んでいきます。もうちょっと普通の形の方がやりやすいんですけど...という場合は、普通のスライダーに切り替えることもできますのでご安心を。 まったく新しい自分だけのカラーパレットを一から作ることもできますし、他の人が作ったパレットをアレンジして作ることもできます。また、パレットはRGB、CMYK、LABなど色々なカラースキームで作ることができます。 作ったカラーパレットを保存するにはアカウント登録が必要ですが、アカウントが無くてもAdobe社製品で使える.ACTフォーマットにパ

              行き詰まったデザイナーに贈る、新しいカラーパレットの作り方 | ライフハッカー・ジャパン
              • 同一色相配色のWebデザイン50 – creamu

                「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J.Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The InvoiceMachine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

                • Web心理マーケティング入門 一覧

                  『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

                  Web心理マーケティング入門 一覧
                  • [Think IT] カラートレンドを意識しよう! 第1回:流行色はなぜ生まれるか (1/3)

                    このドメインは お名前.com から取得されました。 お名前.com はGMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。

                    sst
                    sst2008/12/05非公開
                    白、黒、紺、茶色、グレーで75%/流行していると感じる状況で3%~5%程度/ターゲットの特性・投入しようとしている商品の普及率・人気がいつまで続くか・反対の要素を持った色との位置関係・求められている色の関係
                      • アクセシビリティ・カラー・ホイール

                        使用法: 画面左の円の中の色か、縦長の短冊状のバーから、マウスで前景色を選択してクリックするか、タッチ・スクリーンの場合は指定したい色の部分をタッチします。 次に「背景色」ボタンをクリックし、同じように背景色を選択します。 チェックマークが出たら、アクセシビリティ上、色の組み合わせは良好な状態です。 そうでなかった場合、前景色や背景色のボタンを選択し、一方か、両方の色を変更します。

                          • Site Under Maintenance

                            We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

                            Site Under Maintenance
                            • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

                              第一印象を決めてしまうほど、色はとても大切な役割を持っています。Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

                              よりよいWebデザインにするための配色のセオリー :: Love & Design ::
                              • wear palettes

                                aqua (63) army (104) azure (230) beige (328)black (401)blue (604) brown (553)cream (192)gold (49)green (219) grey (719) mustard (12) orange (90) pink (104) purple (130) red (364)rose (64) salmon (36) silver (17) violet (34) white (517) yellow (158) A schoolwork essay. Still your cheesy erections till I have had my say. For one thing, I don’t get why you schmucks seem to dig wp so much, but a

                                • オンライン色見本 (カラーサンプル WEBセーフカラー 色番)

                                  If this is yourdomain, you can manageit in your Hostinger account. ManagedomainBuild your website todayLaunch your business withWordPress or WebsiteBuilder usingAI tools,templates, and reliable hosting. Get Web hosting Prompt your websiteChat withAI tobuild a complete website - withCRM, booking forms, and more. Horizons handles code, design, and copy so you can launch instantly. Get Hor

                                  • ウノウラボ Unoh Labs: 色覚異常を考慮してWebColor216色を選択できる便利なサービス

                                    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

                                    ウノウラボ Unoh Labs: 色覚異常を考慮してWebColor216色を選択できる便利なサービス
                                      • Color Design Blog / Ultimate HTML Color HEX Code List by COLOURlovers

                                        HTML 3.2 specifications identified sixteen colors that can be used by name to define color inHTML andCSS. But don’t worry you can use more than sixteen colors inHTML… you’lljust need to know the six character HEX values and we’ve listed pretty much all of the ones you’ll need on one page. Standard 16 Named Color Codes

                                        sst
                                        sst2007/07/02非公開
                                        HTML・CSS色見本
                                        • 浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

                                          配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に

                                          浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

                                          お知らせ

                                          公式Twitter

                                          • @HatenaBookmark

                                            リリース、障害情報などのサービスのお知らせ

                                          • @hatebu

                                            最新の人気エントリーの配信

                                          処理を実行中です

                                          キーボードショートカット一覧

                                          j次のブックマーク

                                          k前のブックマーク

                                          lあとで読む

                                          eコメント一覧を開く

                                          oページを開く

                                          はてなブックマーク

                                          公式Twitter

                                          はてなのサービス

                                          • App Storeからダウンロード
                                          • Google Playで手に入れよう
                                          Copyright © 2005-2026Hatena. All Rights Reserved.
                                          設定を変更しましたx

                                          [8]ページ先頭

                                          ©2009-2026 Movatter.jp