Movatterモバイル変換

[0]ホーム
URL:

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

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

606usersがブックマークコメント37

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント37件

            • 注目コメント
            • 新着コメント
            monyuonyu
            色彩・デザイン・配置

              その他
              gkk793
              ウェブサイトの色彩学

                その他
                vanish_l2
                これはすばらしい

                その他
                koba1984
                *webデザイン*

                  その他
                  sihou1
                  なるほど　流行カラーも勘案するといいのか・・　これは盲点だった。

                  その他
                  wakanabali
                  WEB上のセーフカラー・色彩心理

                  その他
                  teruwyi
                  参考にならない

                    その他
                    s5-style
                    メモ程度に。

                    その他
                    arimaster
                    WEBカラーの解説

                    その他
                    kujoo
                    ITmediaとか流行りの色記事の紹介がいい。他の内容は昔からあるのと大して変わってないような？

                    その他
                    psychedesire
                    やっぱ仕事で使うなら青だな。常にすっきりした気持ちでいられる気がする。

                    その他
                    nekoluna
                    セーフカラー（いつの時代だ）はともかく色彩心理は半オカルト

                      その他
                      monyuonyu
                      monyuonyu色彩・デザイン・配置

                        2009/03/29リンク

                        その他
                        NAMEOVER
                        こういうの面白いよね。Web制作しなくても知ってて損はないのかな。ただ、国や文化によっても色の解釈って違うから、参考程度に。

                        その他
                        jun1_1020
                        セーフカラーのことよりも色覚異常の人に配慮した配色のtipsとかがあると嬉しかった

                        その他
                        matsunaga
                        確かに色彩それぞれの意味はあるが、明度・彩度・トーンや配色でまるで違ってくる。また、文化によって色の解釈も違う（中国では白は死の色。黒ではない、等々）。セーフカラーも時代遅れ。この記事は意味がない。

                        その他
                        solidstatesociety
                        WEBセーフカラーは規則性があるから、カラーテーブルのグリッド線として意識すれば、それなりに覚えても損はないよ。

                        その他
                        willsong
                        ブログは「赤」かぁ・・・

                        その他
                        adsty
                        色彩の基礎知識を踏まえてRubyのコードを掲載。

                        その他
                        sesuna
                        これは大切。

                        その他
                        gamenou
                        色彩心理

                        その他
                        aru-san
                        参考書籍の紹介とかも。

                        その他
                        halohalolin
                        色彩心理/最近の色彩活用の傾向/WEBセーフカラー

                        その他
                        tailtame
                        AQUAでアッー、となったのは私だけじゃない。色って難しいよなー(ﾟεﾟ)

                        その他
                        fnm
                        検索用/配色 カラー 色彩

                        その他
                        stibbar
                        デザイン関係の本を一度読もうか。

                        その他
                        guldeen
                        実際問題、256色のみ発色の環境を思うと、今俺が持ってる古い日立のWinCE機「ペルソナ」くらいかなぁ…と／Photoshopではセーフカラー変換とか出来ますけどね、一応。

                        その他
                        paella
                        色の与える印象について。色彩検定の勉強をすればもっと色々知ることができるけれど、まずはとっかかりとしてよい記事。

                        その他
                        rytich
                        色彩 心理

                        その他
                        manaten
                        茶:マイナスの心理的影響 うんこ ･･･ごめんなさい / Webセーフカラーしか表示されない環境はテキストが読めれば十分でしょ。色の細かな違いとか気にする次元じゃないと思う

                        その他
                        otchy210
                        Webセーフカラーは 20 世紀の神話。表示色が 8 bit の環境がどれほど残っているというのか。ネスケ 4 より少ないだろう。

                          その他

                          注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                          リンクを埋め込む

                          以下のコードをコピーしてサイトに埋め込むことができます

                          プレビュー
                          アプリのスクリーンショット
                          いまの話題をアプリでチェック！
                          • バナー広告なし
                          • ミュート機能あり
                          • ダークモード搭載
                          アプリをダウンロード

                          関連記事

                            usersに達しました！

                            さんが1番目にブックマークした記事「WEB制作者なら最低...」が注目されています。

                            気持ちをシェアしよう

                            ツイートする

                            WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ

                            色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせ...色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的　活動的　晴れやか　暖かい　元気の良い　購買欲求 安っぽい　派手　危険　暴力 青 さわやか　清らか　清涼感　すっきり　クール　閑静 憂鬱　寂しい　冷淡　未熟　無機質 黄 若々しい　陽気　明るい　楽しい うるさい　目立つ　幼稚　警戒 緑 ナチュラル　新鮮　穏やか　すがすがしい 毒　田舎　疲れ　未熟 紫 高貴

                            ブックマークしたユーザー

                            • froggygreen23552016/05/21froggygreen2355
                            • oritoy2015/01/29oritoy
                            • al_ghawl2013/10/07al_ghawl
                            • opinionpark2013/09/06opinionpark
                            • attsumi2013/08/27attsumi
                            • maple_magician2013/06/24maple_magician
                            • gkk7932013/06/19gkk793
                            • puzzeljp2012/12/28puzzeljp
                            • hiru-miyamoto2012/08/05hiru-miyamoto
                            • tatsuRo09082012/04/13tatsuRo0908
                            • beth3212012/04/12beth321
                            • garden_design2012/04/06garden_design
                            • imoatama06022012/03/28imoatama0602
                            • cyanotype2012/03/02cyanotype
                            • ken110932012/02/24ken11093
                            • heatman2012/02/16heatman
                            • gameota2012/01/17gameota
                            • nyoro232012/01/13nyoro23
                            すべてのユーザーの
                            詳細を表示します

                            ブックマークしたすべてのユーザー

                            同じサイトの新着

                            同じサイトの新着をもっと読む

                            いま人気の記事

                            いま人気の記事をもっと読む

                            いま人気の記事 - 暮らし

                            いま人気の記事 - 暮らしをもっと読む

                            新着記事 - 暮らし

                            新着記事 - 暮らしをもっと読む

                            同時期にブックマークされた記事

                            いま人気の記事 - 企業メディア

                            企業メディアをもっと読む

                            はてなブックマーク

                            公式Twitter

                            はてなのサービス

                            • App Storeからダウンロード
                            • Google Playで手に入れよう
                            Copyright © 2005-2025Hatena. All Rights Reserved.
                            設定を変更しましたx
                            [8]ページ先頭
                            ©2009-2025 Movatter.jp