お問い合わせ

ウェブ配色 コーディネートカタログ

Web配色のテクニックを実例から学べるカタログ本

ウェブ配色 コーディネートカタログの表紙

2011年3月に発売した坂本邦夫の単著としては、3冊目の本となります。

Webでの配色は、ファッションやメイクなどと異なり、情報を伝えなければなりません。本書では単に色のイメージごとに章立てするのではなく、色によるスムーズな情報伝達に必要なテクニックなどを交えてまとめました。

クライアントや社内との打ち合わせなどに活用していただければ幸いです。

こんな方におすすめします

  • ウェブデザイナーの方
  • 配色のアイディアを得たい方
  • 配色のセオリーを知りたい方

出版社による紹介

ウェブデザイナーのためのまったく新しい見本帳です。200を優に超えるすぐれたウェブサイトを色相別,印象別,目的別に紹介します。各テーマや各サイトごとに,配色理論に基づいたくわしい解説も添えました。

ぱらぱらっとめくって配色のアイディアを得たり,「こんな印象を与えるにはどうすればよいんだろう」とヒントを探ったり,さらにはじっくり読み込んでいちから配色理論を学んだり……。デザイナーを目指している人から,バリバリ活躍中の方まで,さまざまな使い方が可能です。

本書の詳細や購入について

gihyo.jp内のページにて、本書の一部のPDFを閲覧することができます。

Amazon.co.jpの商品詳細ページへ

グローバル変数

global varsvalues
%{BID}1
%{UID}
%{CID}4
%{EID}155
%{RID}
%{RVID}
%{UTID}
%{CMID}
%{TBID}
%{KEYWORD}
%{TAG}
%{FIELD}
%{DATE}
%{START}1000-01-01 00:00:00
%{END}9999-12-31 23:59:59
%{PAGE}1
%{ORDER}
%{QUERY}
%{QOL}?
%{ADMIN}
%{IS_ADMIN}0
%{ADMIN_PATH}
%{ADMIN_PATH_MID}
%{MID}
%{MODULE_ID}
%{MODULE_NAME}
%{STYLEGUIDE_PAGE}acms-admin
%{GETTEXT_TYPE}user
%{BCD}
%{UCD}
%{CCD}writing
%{ECD}web_color_coordinate_catalog.html
%{BLOG_NAME}フォルトゥナ
%{USER_NAME}
%{CATEGORY_NAME}書籍・雑誌・Webメディアへの執筆
%{ENTRY_TITLE}ウェブ配色 コーディネートカタログ
%{RULE_NAME}
%{CONFIG_SET_NAME}共通の設定
%{THEME_SET_NAME}基本テーマ
%{EDITOR_SET_NAME}編集の基本設定
%{RCID}4
%{PCID}
%{RCCD}writing
%{PCCD}
%{ROOT_CATEGORY_NAME}書籍・雑誌・Webメディアへの執筆
%{PARENT_CATEGORY_NAME}
%{RBID}1
%{PBID}
%{RBCD}
%{PBCD}
%{ROOT_BLOG_NAME}フォルトゥナ
%{PARENT_BLOG_NAME}
%{ALIAD_ID}
%{ALIAS_ID}
%{ALIAS_DOMAIN}
%{ALIAS_CODE}
%{ALIAS_NAME}
%{CHARSET}UTF-8
%{META_KEYWORDS}
%{META_DESCRIPTION}
%{NOW_DATE}2024-09-16
%{NOW_TIME}06:00:26
%{BLOG_THEME_COLOR}#559655
%{BLOG_THEME_CONTRAST_COLOR}#ffffff
%{VERSION}3.1.22
%{SNAME}sid
%{SID}
%{SESSION_USER_ID}
%{SESSION_BLOG_ID}
%{MAX_PUBLISHES}15
%{ROOT_TPL}/themes/base/_entry.html
%{ROOT_TPL_NAME}_entry
%{ROOT_DIR}/
%{DOCUMENT_ROOT}/
%{THEMES_DIR}/themes/
%{JS_DIR}/js/
%{JS_LIB_DIR}/js/library/
%{JS_LIB_JQUERY_DIR}/js/library/jquery/
%{JS_LIB_JQUERY_DIR_VERSION}3.6.1
%{LOGIN_SEGMENT}login
%{ADMIN_RESET_PASSWORD_SEGMENT}admin-reset-password
%{ADMIN_RESET_PASSWORD_AUTH_SEGMENT}admin-reset-password-auth
%{ADMIN_TFA_RECOVERY_SEGMENT}admin-tfa-recovery
%{SIGNIN_SEGMENT}signin
%{SIGNUP_SEGMENT}signup
%{RESET_PASSWORD_SEGMENT}reset-password
%{RESET_PASSWORD_AUTH_SEGMENT}reset-password-auth
%{TFA_RECOVERY_SEGMENT}tfa-recovery
%{PROFILE_UPDATE_SEGMENT}mypage/update-profile
%{PASSWORD_UPDATE_SEGMENT}mypage/update-password
%{EMAIL_UPDATE_SEGMENT}mypage/update-email
%{TFA_UPDATE_SEGMENT}mypage/update-tfa
%{WITHDRAWAL_SEGMENT}mypage/withdrawal
%{SYSTEM_THEMES_DIR}/themes/system/
%{CURRENT_THEMES_DIR}/themes/base/
%{ARCHIVES_DIR}/archives/
%{MEDIA_ARCHIVES_DIR}/media/
%{MEDIA_STORAGE_DIR}storage/
%{BID_ARCHIVES_DIR}/archives/001/
%{YM_ARCHIVES_DIR}/archives/001/202409/
%{ARCHIVES_DIR_TEMP}/archives/temp/
%{ARCHIVES_CACHE_SERVER}
%{HTTP_THEMES_DIR}https://www.color-fortuna.com/themes/
%{HTTP_CURRENT_THEMES_DIR}https://www.color-fortuna.com/themes/base/
%{HTTP_ARCHIVES_DIR}https://www.color-fortuna.com/archives/
%{HTTP_MEDIA_ARCHIVES_DIR}https://www.color-fortuna.com/media/
%{HTTP_ARCHIVES_DIR_TEMP}https://www.color-fortuna.com/archives/temp/
%{HTTP_BID_ARCHIVES_DIR}https://www.color-fortuna.com/archives/001/
%{HTTP_YM_ARCHIVES_DIR}https://www.color-fortuna.com/archives/001/202409/
%{HTTP_REQUEST_URL}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{IMAGES_DIR}/themes/system/images/
%{SCRIPT_ROOT}/
%{REWRITE_OFFSET}/
%{HTTP_ROOT}https://www.color-fortuna.com/
%{DOMAIN}www.color-fortuna.com
%{DOMAIN_ROOT}www.color-fortuna.com
%{HTTP_HOST}www.color-fortuna.com
%{BASE_URL}http://www.color-fortuna.com/
%{ADMIN_BASE_URL}https://www.color-fortuna.com/
%{BLOG_URL}https://www.color-fortuna.com/
%{ROOT_BLOG_URL}https://www.color-fortuna.com/
%{PARENT_BLOG_URL}
%{CATEGORY_URL}https://www.color-fortuna.com/writing/
%{ROOT_CATEGORY_URL}https://www.color-fortuna.com/writing/
%{PARENT_CATEGORY_URL}https://www.color-fortuna.com/
%{CANONICAL_URL}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{ENTRY_URL}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{PERMALINK}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{INHERLINK}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{CURRENT_URL}https://www.color-fortuna.com/writing/web_color_coordinate_catalog.html
%{HOME_URL}https://www.color-fortuna.com/
%{BASE_ACMS_PATH}/
%{ACMS_PATH_BASE}/
%{SCRIPT_DIR}/home/kyunitan/color-fortuna.com/public_html/
%{CURRENT_ROOT}/writing/web_color_coordinate_catalog.html
%{REQUEST_PATH}/writing/web_color_coordinate_catalog.html
%{REQUEST_DIRNAME}/writing
%{MODULE}
%{VALID_ID_REGEX}@^[a-zA-Z0-9_-]+$@
%{REGEX_VALID_ID}@^[a-zA-Z0-9_-]+$@
%{REGEX_VALID_PASSWD}@^[!-~]+$@
%{CATEGORY_EXISTS}1
%{CATEGORY_LEVEL}1
%{VIEW}entry
%{UA}CCBot/2.0 (https://commoncrawl.org/faq/)
%{CH_UA}
%{CH_UA_MOBILE}0
%{CH_UA_PLATFORM}
%{UA_GROUP}PC
%{REMOTE_ADDR}44.220.247.152
%{MAINTENANCE_MODE}
%{PROTOCOL}https
%{BLOG_CODE}
%{USER_CODE}
%{CATEGORY_CODE}writing
%{ENTRY_CODE}web_color_coordinate_catalog.html
%{BLOG_ID}1
%{USER_ID}
%{CATEGORY_ID}4
%{ENTRY_ID}155
%{SUID}
%{SBID}
%{SESSION_USER_AUTH}
%{SESSION_USER_NAME}
%{SESSION_USER_CODE}
%{SESSION_USER_MAIL}
%{SEARCH_ENGINE_KEYWORD}
%{MAIL_MAGAZINE_FROM}info@example.com
%{MAIL_TRACKBACK_FROM}
%{MAIL_COMMENT_FROM}info@example.com
%{MAIL_REMIND_FROM}
%{MAIL_SUBSCRIBE_FROM}info@example.com
%{MAIL_SUBSCRIBE_ADMIN_FROM}info@example.com
%{PHP_FILE_MAX_SIZE}30M
%{PHP_POST_MAX_SIZE}30M
%{MEDIA_LIBRARY}on
%{IS_DEVELOPMENT}off
%{IS_TRIAL}off
%{TRIAL_COUNT_DOWN}0
%{IS_SUBSCRIPTION}off
%{SUBSCRIPTION_PLAN}
%{UNLICENSED_REASON}
%{SUBSCRIPTION_PAYMENT}
%{ACTIVATION_ENDPOINT}https://mypage.a-blogcms.jp/api/activation
%{GOOGLE_API_KEY}
%{PREVIEW_DEFAULT_DEVICE}iPhone 6/7/8
%{PREVIEW_HAS_HISTORY_DEVICE}
%{APPROVAL_PREVIEW_DEFAULT_DEVICE}iPhone 6/7/8
%{APPROVAL_PREVIEW_HAS_HISTORY_DEVICE}
%{TIMEMACHINE_PREVIEW_DEFAULT_DEVICE}PC
%{TIMEMACHINE_PREVIEW_HAS_HISTORY_DEVICE}
%{d}16
%{D}Mon
%{j}16
%{l}Monday
%{N}1
%{S}th
%{w}1
%{z}259
%{W}38
%{F}September
%{m}09
%{M}Sep
%{n}9
%{t}30
%{L}1
%{o}2024
%{Y}2024
%{y}24
%{a}am
%{A}AM
%{B}916
%{g}6
%{G}6
%{h}06
%{H}06
%{i}00
%{s}26
%{u}000000
%{e}Asia/Tokyo
%{I}0
%{O}+0900
%{P}+09:00
%{T}JST
%{Z}32400
%{c}2024-09-16T06:00:26+09:00
%{r}Mon, 16 Sep 2024 06:00:26 +0900
%{U}1726434026

モジュール処理時間

moduleidentifierrun timesql
Entry_Body0.023813
Ogp0.0076210
NavigationglobalNavi0.005111
NavigationglobalNavi0.005081
Blog_FieldtopBlog0.003964
TopicpathtopicPath0.003724
TopicpathtopicPath0.003514
Blog_FieldtopBlog0.003273
Blog_FieldtopBlog0.003223
Blog_FieldtopBlog0.003033
Blog_FieldtopBlog0.003013
Blog_FieldtopBLog0.002661
Blog_FieldtopBLog0.00251
Touch_Unlogin0.002420
Topicpathtopicpath0.002123
Entry_Field0.001682
Entry_Field0.001491
Entry_Field0.001361
Form2_Unit0.001190
Form2_Unit0.001120
Form0.001071
Form2_Unit0.000781
Js0.000290
Form2_Unit0.000230
Admin_Entry_Add0.00020
Field_Search0.000180
Touch_NotPreview0.000130
Tag_Filter0.000110
Touch_NotEdit0.000110
Touch_NotEditInplace0.000110
Touch_SessionWithAdministration0.000110
Touch_Edit0.00010
Touch_EditInplace0.00010
Touch_Entry0.00010
Touch_Form20.00010
Touch_GeolocationEntryFunction0.00010
Touch_NotAdmin0.00010
Touch_NotEntry0.00010
Touch_SessionWithAdministration0.00010
Touch_SessionWithContribution0.00010
Touch_Benchmark9.0E-50
Touch_EditDirect9.0E-50
Touch_MailMagazineEnable9.0E-50
Touch_NotApprovalEditVersion9.0E-50
Touch_NotApprovalORsessionWithApprovalAdministrator9.0E-50
Touch_NotCategory9.0E-50
Touch_NotEditDirect9.0E-50
Touch_NotTop9.0E-50
Touch_NotsessionWithApprovalAdministrator9.0E-50
Touch_RelatedEntryFunction9.0E-50
Touch_SessionWithCompilation9.0E-50
Touch_SubCategoryFunction9.0E-50
Touch_Tag9.0E-50
Touch_Version9.0E-50
Touch_Version9.0E-50
Touch_sessionWithApprovalAdministrator9.0E-50
Touch_Admin8.0E-50
Touch_Approval8.0E-50
Touch_ApprovalEditVersion8.0E-50
Touch_Category8.0E-50
Touch_Debug8.0E-50
Touch_Entry8.0E-50
Touch_Entry8.0E-50
Touch_HigherLicense8.0E-50
Touch_Index8.0E-50
Touch_Keyword8.0E-50
Touch_Login8.0E-50
Touch_NotEdit8.0E-50
Touch_NotPreview8.0E-50
Touch_NotPreview8.0E-50
Touch_NotTimemachineMode8.0E-50
Touch_Top8.0E-50
Touch_EditInplace7.0E-50
Touch_NotPreview7.0E-50
Touch_SessionWithContribution7.0E-50
Touch_SessionWithContribution7.0E-50
Touch_SubCategoryFunction7.0E-50
Touch_Admin6.0E-50
Touch_Edit6.0E-50
Touch_Entry6.0E-50
Touch_GeolocationEntryFunction6.0E-50
Touch_NotAdmin6.0E-50
Touch_NotApprovalORsessionWithApprovalAdministrator6.0E-50
Touch_NotEntry6.0E-50
Touch_NotPreview6.0E-50
Touch_NotPreview6.0E-50
Touch_RelatedEntryFunction6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithAdministration6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_SessionWithContribution6.0E-50
Touch_Unlogin6.0E-50
Touch_sessionWithApprovalAdministrator6.0E-50
Touch_Admin5.0E-50
Touch_Entry5.0E-50
Touch_Entry5.0E-50
Touch_Entry5.0E-50
Touch_NotEdit5.0E-50
Touch_SessionWithContribution5.0E-50
Touch_Unlogin5.0E-50
MODULE TOTAL TIME0.0906560
BOOT TOTAL TIME0.12549
BUILD TOTAL TIME0.13273
REWRITE PATH TOTAL TIME0.00978
PROCCESS TIME0.486473

テンプレート

template
themes/base/include/head/meta.html
themes/base/include/head/robots.html
themes/base/include/head/link.html
themes/base/include/head/js.html
themes/base/include/head/structured-data.html
themes/base/include/body-start.html
themes/base/include/header.html
themes/base/include/header/dynamicGlobalNavi.html
themes/system/admin/module/setting.html
themes/base/include/header/page-title.html
themes/base/include/header/topicpath.html
themes/system/admin/action.html
themes/system/include/check-seo.html
themes/base/include/footer.html
themes/base/include/body-end.html
themes/base/include/header/entry-title.html
themes/base/include/module/tag/filter.html
themes/base/include/module/entry/bodyNoDate.html
themes/system/admin/entry/revision-info.html
themes/system/admin/entry/title.html
themes/system/include/unit.html
themes/base/include/unit/tag-select.html
themes/system/include/gmaps-error.html
themes/base/include/unit/custom.html
themes/base/include/unit/extend.html
themes/base/include/module/entry/continue.html
themes/base/include/form/unit.html
themes/base/include/form/input.html
themes/base/include/form/confirm.html
themes/system/admin/entry/edit.html
themes/system/admin/entry/style.html
themes/system/admin/entry/geo.html
themes/system/admin/map/_google-map-picker.html
themes/system/admin/map/_open-street-map-picker.html
themes/system/admin/entry/related.html
themes/system/admin/entry/related-table.html
themes/base/admin/entry/field.html
themes/base/admin/entry/ogp.html
themes/base/admin/entry/pickup.html
themes/base/admin/entry/writing.html
themes/base/admin/entry/seo.html
themes/system/admin/entry/unit.html
themes/base/admin/entry/unit/extend.html
themes/base/admin/entry/field_foot.html
themes/system/admin/entry/revision.html
themes/system/admin/entry/js.html
themes/system/admin/entry/add.html
themes/system/admin/form2/edit.html
themes/system/admin/form2/unit.html
themes/system/admin/entry/action.html

メモリー

keyvalue
memory_limit200M
memory_get_usage3.39 MB
memory_get_peak_usage5.1 MB

Query Count

query count
101