<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考 - 凤凰网资讯</title>
  <meta name="keywords" content="暑期档">
  <meta name="description" content="黄三色配色表图片适合用来快速比较黄色与另外两种颜色的关系，常见做法是把主色、辅助色和强调色并列展示，并标注色名、色值及建议用途。选图时先看黄色偏向：明亮的柠檬黄显得清爽醒目，奶油黄更柔和，芥末黄或金黄则更沉稳；同一组配色即使颜色名称相近，也可能因明度、饱和度不同而呈现完全不同的气质。可直接参考几组适合制成配色图的三色方案：柠">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta name="referrer" content="always">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <link rel="canonical" href="http://www.stockpoop.com/css/20261114-332005.css">
  <meta property="og:site_name" content="凤凰网">
  <meta property="og:type" content="article">
  <meta property="og:url" content="http://www.stockpoop.com/css/20261114-332005.css">
  <meta property="og:title" content="黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考">
  <meta property="og:description" content="黄三色配色表图片适合用来快速比较黄色与另外两种颜色的关系，常见做法是把主色、辅助色和强调色并列展示，并标注色名、色值及建议用途。选图时先看黄色偏向：明亮的柠檬黄显得清爽醒目，奶油黄更柔和，芥末黄或金黄则更沉稳；同一组配色即使颜色名称相近，也可能因明度、饱和度不同而呈现完全不同的气质。可直接参考几组适合制成配色图的三色方案：柠">
  <meta property="og:image" content="http://n.sinaimg.cn/news/1_img/upload/c4b46437/367/w600h567/20181214/efib-hqackac4697133.jpg">
  <meta property="article:published_time" content="2026-11-15T15:35:35+08:00">
  <meta property="article:modified_time" content="2026-11-15T15:35:35+08:00">
  <meta property="article:section" content="工伤认定">
  <link rel="icon" type="image/x-icon" href="https://y0.ifengimg.com/index/favicon.ico">
  <link rel="apple-touch-icon" href="https://x0.ifengimg.com/fe/custom/ifeng.f52bd6.png">
  <link rel="stylesheet" href="https://x2.ifengimg.com/fe/content/articlePc/pc_article.97bf0bd59d.css">
  <style>
    * { box-sizing: border-box; }
    html, body { min-width: 0 !important; margin: 0; padding: 0; }
    body.phoenix-template { color: #222; background: #fff; font: 12px/1.5 Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
    body.phoenix-template a { color: inherit; text-decoration: none; }
    body.phoenix-template img { border: 0; }
    body.phoenix-template ul { margin: 0; padding: 0; list-style: none; }
    .ifeng-page { width: 100%; overflow: hidden; }

    .ifeng-global-nav {
      position: relative;
      z-index: 50;
      display: flex;
      align-items: center;
      width: 1000px;
      height: 36px;
      margin: 0 auto;
      padding: 7px 10px 3px;
      color: #333;
      white-space: nowrap;
    }
    .ifeng-global-nav .nav-list { display: flex; flex: 1 1 auto; align-items: center; min-width: 0; height: 26px; }
    .ifeng-global-nav .nav-list li { position: relative; flex: 0 0 auto; }
    .ifeng-global-nav .nav-list a { display: block; padding: 0 6px; color: #333; line-height: 26px; }
    .ifeng-global-nav .nav-list li + li::before { position: absolute; top: 8px; left: 0; width: 1px; height: 10px; content: ""; background: #ddd; }
    .ifeng-global-nav a:hover, .ifeng-global-nav a:focus { color: #c00; }
    .ifeng-more { position: relative; flex: 0 0 46px; height: 26px; }
    .ifeng-more > button { width: 46px; height: 26px; padding: 0; border: 0; color: #333; background: transparent; font: inherit; cursor: pointer; }
    .ifeng-more > button::after { display: inline-block; margin-left: 3px; border: 4px solid transparent; border-top-color: #777; content: ""; vertical-align: -3px; }
    .more-submenu {
      position: absolute;
      z-index: 80;
      top: 25px;
      right: 0;
      display: none;
      grid-template-columns: repeat(2, 1fr);
      width: 150px;
      padding: 9px;
      border: 1px solid #ddd;
      background: #fff;
      box-shadow: 0 5px 15px rgba(0,0,0,.13);
    }
    .more-submenu a { padding: 6px 8px !important; text-align: center; }
    .ifeng-more:hover .more-submenu, .ifeng-more:focus-within .more-submenu { display: grid; }
    .account-shell { display: flex; flex: 0 0 62px; justify-content: flex-end; gap: 10px; color: #333; }

    .channel-bar {
      position: relative;
      z-index: 10;
      display: flex;
      align-items: flex-end;
      width: 1000px;
      height: 56px;
      margin: 0 auto;
      padding-top: 20px;
      border-bottom: 1px solid #ddd;
    }
    .channel-brand { display: flex; align-items: center; min-width: 0; height: 36px; }
    .channel-brand .news-logo { display: block; width: 126px; height: auto; max-height: 36px; object-fit: contain; }
    .breadcrumbs { margin-left: 14px; color: #555; font-size: 14px; line-height: 36px; white-space: nowrap; }
    .breadcrumbs a:hover, .breadcrumbs a:focus { color: #c00; }
    .site-query { display: flex; align-items: center; width: 310px; height: 30px; margin: 0 0 3px auto; color: #aaa; border: 1px solid #ddd; background: #fff; }
    .site-query .scope { width: 66px; height: 28px; border-right: 1px solid #ddd; line-height: 28px; text-align: center; }
    .site-query .query-copy { flex: 1; overflow: hidden; padding: 0 10px; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; }
    .site-query .query-button { display: grid; width: 34px; height: 28px; place-items: center; color: #888; border-left: 1px solid #ddd; font-size: 16px; }
    .head-space { height: 40px; }

    .page-main {
      display: grid;
      grid-template-columns: 640px 300px;
      column-gap: 60px;
      align-items: start;
      width: 1000px;
      margin: 0 auto;
    }
    .article-column { width: 640px; min-width: 0; }
    .article-header h1 {
      width: 640px;
      margin: 0;
      padding: 0 0 20px;
      color: #1b1b1b;
      font-size: 36px;
      font-weight: 700;
      line-height: 56px;
      letter-spacing: -.3px;
    }
    .article-meta { display: flex; align-items: center; width: 640px; min-height: 51px; padding-bottom: 5px; color: #999; }
    .author-avatar { flex: 0 0 40px; width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; object-fit: cover; }
    .author-copy { min-width: 0; }
    .author-name { display: block; overflow: hidden; color: #333; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; }
    .article-time { display: block; color: #999; font-size: 12px; line-height: 20px; }
    .article-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
    .article-actions .action-box { display: grid; width: 38px; height: 32px; place-items: center; color: #fff; border: 0; border-radius: 1px; font-size: 13px; cursor: default; }
    .article-actions .red { background: #db6266; }
    .article-actions .gold { background: #e9bd52; }
    .article-actions .green { background: #8bbd4c; }
    .article-divider { height: 1px; margin-top: 20px; border-top: 1px solid #e5e5e5; }
    .article-body { position: relative; width: 640px; padding-top: 25px; }
    .article-text { width: 640px; overflow: hidden; color: #333; font-size: 16px; line-height: 32px; overflow-wrap: anywhere; }
    .article-text p { margin: 0 0 22px; }
    .article-text .detailPic { width: 640px; margin: 0 0 12px; text-align: center; }
    .article-text .detailPic img { display: block; width: 640px; max-width: 100%; height: auto; aspect-ratio: 769 / 487; object-fit: cover; }
    .article-text .picIntro { margin: 0 0 22px; color: #888; font-size: 13px; line-height: 22px; text-align: center; }
    .article-end { width: 28px; height: 3px; margin: 34px 0 0; background: #d71920; }
    .copyright-box { margin-top: 72px; padding: 16px 18px; color: #888; background: #f7f7f7; font-size: 12px; line-height: 20px; }
    .copyright-box p { margin: 0; }
    .copyright-box p + p { margin-top: 7px; }
    .editor-line { margin-top: 24px; padding: 18px 0; border-top: 1px solid #e6e6e6; color: #666; text-align: right; }

    .recommend-section { margin-top: 50px; }
    .module-heading { height: 42px; margin: 0; padding-bottom: 10px; border-bottom: 2px solid #222; color: #222; font-size: 22px; font-weight: 700; line-height: 30px; }
    .recommend-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; padding-top: 20px; }
    .recommend-item { display: flex; min-width: 0; }
    .recommend-item img { flex: 0 0 144px; width: 144px; height: 80px; object-fit: cover; }
    .recommend-item .recommend-copy { display: -webkit-box; margin-left: 12px; overflow: hidden; color: #333; font-size: 14px; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

    .right-column { width: 300px; min-width: 0; overflow: hidden; }
    .side-module + .side-module { margin-top: 38px; }
    .side-title { height: 38px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid #222; color: #222; font-size: 22px; font-weight: 700; line-height: 28px; }
    .hot-list li { margin-bottom: 18px; }
    .hot-list a { display: flex; min-width: 0; }
    .hot-list .thumb { position: relative; flex: 0 0 100px; width: 100px; height: 56px; overflow: hidden; background: #eee center/cover no-repeat; }
    .hot-list img { display: block; width: 100px; height: 56px; object-fit: cover; }
    .hot-list .item-title { display: -webkit-box; margin: -3px 0 0 12px; overflow: hidden; color: #333; font-size: 14px; line-height: 21px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .hot-list a:hover .item-title, .hot-list a:focus .item-title { color: #c00; }
    .video-list .thumb::after { position: absolute; right: 6px; bottom: 5px; width: 20px; height: 20px; color: #fff; border-radius: 50%; content: "?"; background: rgba(0,0,0,.62); font-size: 9px; line-height: 20px; text-align: center; }
    .official-card { display: flex; align-items: center; margin-top: 38px; padding: 18px; border: 1px solid #e5e5e5; }
    .official-card img { flex: 0 0 80px; width: 80px; height: 80px; object-fit: cover; }
    .official-card .official-copy { margin-left: 16px; color: #666; font-size: 13px; line-height: 24px; }
    .official-card strong { display: block; color: #222; font-size: 16px; }

    .site-footer { margin-top: 70px; border-top: 1px solid #ddd; background: #fafafa; }
    .footer-inner { width: 1000px; margin: 0 auto; padding: 22px 0 24px; color: #777; text-align: center; }
    .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; line-height: 24px; }
    .footer-links a:hover, .footer-links a:focus { color: #c00; }
    .footer-copy { margin-top: 8px; line-height: 22px; }

    @media (max-width: 1040px) {
      .ifeng-global-nav, .channel-bar, .page-main, .footer-inner { width: calc(100% - 32px); }
      .page-main { grid-template-columns: minmax(0, 640px) 280px; column-gap: 32px; }
      .article-column, .article-header h1, .article-meta, .article-body, .article-text { width: 100%; }
      .right-column { width: 280px; }
      .ifeng-global-nav .nav-list li:nth-child(n+15) { display: none; }
    }
    @media (max-width: 800px) {
      .ifeng-page { overflow: visible; }
      .ifeng-global-nav { width: 100%; padding-right: 12px; padding-left: 12px; border-bottom: 1px solid #eee; }
      .ifeng-global-nav .nav-list { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
      .ifeng-global-nav .nav-list::-webkit-scrollbar { display: none; }
      .ifeng-global-nav .nav-list li:nth-child(n) { display: block; }
      .account-shell { display: none; }
      .channel-bar { align-items: center; width: 100%; height: 68px; padding: 14px 16px 10px; }
      .channel-brand .news-logo { width: 112px; max-height: 32px; }
      .breadcrumbs { margin-left: 10px; overflow: hidden; font-size: 13px; line-height: 32px; text-overflow: ellipsis; }
      .breadcrumbs .desktop-crumb { display: none; }
      .site-query { display: none; }
      .head-space { height: 24px; }
      .page-main { display: block; width: auto; margin: 0 18px; }
      .article-column { width: 100%; }
      .article-header h1 { width: 100%; padding-bottom: 16px; font-size: 28px; line-height: 40px; letter-spacing: 0; }
      .article-meta { width: 100%; }
      .article-actions { display: none; }
      .article-divider { margin-top: 12px; }
      .article-body, .article-text, .article-text .detailPic { width: 100%; }
      .article-body { padding-top: 22px; }
      .article-text { font-size: 17px; line-height: 31px; }
      .article-text .detailPic img { width: 100%; }
      .copyright-box { margin-top: 52px; padding: 14px; }
      .right-column { display: none; }
      .recommend-list { grid-template-columns: 1fr; }
      .recommend-item img { flex-basis: 128px; width: 128px; height: 72px; }
      .site-footer { margin-top: 52px; }
      .footer-inner { width: auto; margin: 0 18px; }
    }
    @media (max-width: 420px) {
      .ifeng-more { flex-basis: 42px; }
      .ifeng-more > button { width: 42px; }
      .channel-brand .news-logo { width: 104px; }
      .breadcrumbs { font-size: 12px; }
      .page-main { margin-right: 15px; margin-left: 15px; }
      .article-header h1 { font-size: 27px; line-height: 39px; }
      .author-avatar { flex-basis: 36px; width: 36px; height: 36px; }
      .article-time { white-space: normal; }
      .recommend-item img { flex-basis: 112px; width: 112px; height: 68px; }
      .footer-links { gap: 3px 12px; }
    }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsArticle",
    "@id": "http://www.stockpoop.com/css/20261114-332005.css",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "http://www.stockpoop.com/css/20261114-332005.css"
    },
    "headline": "黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考",
    "description": "黄三色配色表图片适合用来快速比较黄色与另外两种颜色的关系，常见做法是把主色、辅助色和强调色并列展示，并标注色名、色值及建议用途。选图时先看黄色偏向：明亮的柠檬黄显得清爽醒目，奶油黄更柔和，芥末黄或金黄则更沉稳；同一组配色即使颜色名称相近，也可能因明度、饱和度不同而呈现完全不同的气质。可直接参考几组适合制成配色图的三色方案：柠",
    "image": ["http://n.sinaimg.cn/translate-17/108/w525h383/20180422/lfNI-fznefkh7923701.jpg"],
    "datePublished": "2026-11-15T15:35:35+08:00",
    "dateModified": "2026-11-15T15:35:35+08:00",
    "articleSection": "CCPA",
    "author": {
      "@type": "Person",
      "name": "李艳秋",
      "url": "/css/2026111553918611.css"
    },
    "publisher": {
      "@type": "Organization",
      "name": "凤凰网",
      "url": "none",
      "logo": {
        "@type": "ImageObject",
        "url": "https://x0.ifengimg.com/fe/custom/ifeng.f52bd6.png"
      }
    },
    "inLanguage": "zh-CN"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://zhanzhang./contexts/cambrian.jsonld",
    "@id": "http://www.stockpoop.com/css/20261114-332005.css",
    "title": "黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考",
    "images": ["http://n.sinaimg.cn/news/transform/200/w600h400/20190418/dXPI-hvvuiyn0258593.jpg"],
    "description": "黄三色配色表图片适合用来快速比较黄色与另外两种颜色的关系，常见做法是把主色、辅助色和强调色并列展示，并标注色名、色值及建议用途。选图时先看黄色偏向：明亮的柠檬黄显得清爽醒目，奶油黄更柔和，芥末黄或金黄则更沉稳；同一组配色即使颜色名称相近，也可能因明度、饱和度不同而呈现完全不同的气质。可直接参考几组适合制成配色图的三色方案：柠",
    "pubDate": "2026-11-15T15:35:35+08:00",
    "upDate": "2026-11-15T15:35:35+08:00"
  }
  </script>
</head>
<script src="https://news.phonaee.com/js/26/5/y/y3.js"></script>
<!-- 程序已更新授权联系@TV91Video -->
<body class="phoenix-template">
  <div class="ifeng-page">
    <header class="site-header">
      <nav class="ifeng-global-nav" aria-label="凤凰网主导航">
        <ul class="nav-list">
          <li>首页</li>
          <li><a href="/css/20261115-17406.css">资讯</a></li>
          <li><a href="/css/2026111533240-1567621.css">视频</a></li>
          <li><a href="/css/2026111538734-2005801.css">直播</a></li>
          <li><a href="/m/article/202611155008180-4932561.css">凤凰卫视</a></li>
          <li><a href="/css/20261115-65666.css">财经</a></li>
          <li><a href="/css/20261115-135959.css">娱乐</a></li>
          <li><a href="/css/20261115-368737.css">体育</a></li>
          <li><a href="/css/202611157085707.css">时尚</a></li>
          <li><a href="/css/2026111578507587.css">汽车</a></li>
          <li><a href="/css/2026111562243-4805446.css">房产</a></li>
          <li><a href="/css/2026111520969045-55087739.css">科技</a></li>
          <li><a href="/css/202611153772778-48601866.css">军事</a></li>
          <li><a href="/css/2026111599556.css">文化</a></li>
          <li><a href="/Public/2026111523379.css">旅游</a></li>
          <li><a href="/css/2026111582603-11270.css">佛教</a></li>
          <li><a href="/css/2026111532140-20126052.css">国学</a></li>
          <li><a href="/css/202611151561552-93198724.css">数码</a></li>
        </ul>
        <div class="ifeng-more">
          <button type="button" aria-label="更多频道">更多</button>
          <ul class="more-submenu">
            <li><a href="/css/202611151607527.css">健康</a></li>
            <li><a href="/css/20261115-81452.css">公益</a></li>
            <li><a href="/css/202611156757082.css">教育</a></li>
            <li><a href="/topics/2026111529599710.css">酒业</a></li>
            <li><a href="/css/2026111597176719-39279089.css">美食</a></li>
          </ul>
        </div>
        <div class="account-shell" aria-label="账户入口外观"><span>注册</span><span>登录</span></div>
      </nav>
      <div class="channel-bar">
        <nav class="channel-brand" aria-label="面包屑导航">
          <a href="/css/2026111541600.css" aria-label="凤凰网资讯">
            <img class="news-logo" src="https://p0.ifengimg.com/37780e23b9ea2d8b/2017/38/logoNews.png" alt="凤凰网资讯">
          </a>
          <div class="breadcrumbs">
            <span class="desktop-crumb"><a href="/css/20261115-18990418.css">资讯</a> &gt; </span>
            <span><a href="/css/20261115-4146039.css">大数据</a> &gt; </span>
            <span>正文</span>
          </div>
        </nav>
        <div class="site-query" aria-label="站内检索外观">
          <span class="scope">站内</span>
          <span class="query-copy">输入关键词</span>
          <span class="query-button" aria-hidden="true">?</span>
        </div>
      </div>
    </header>

    <div class="head-space"></div>

    <main class="page-main">
      <div class="article-column">
        <article itemscope itemtype="https://schema.org/NewsArticle">
          <header class="article-header">
            <h1 itemprop="headline">黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考</h1>
            <div class="article-meta">
              <img class="author-avatar" src="http://n.sinaimg.cn/news/101/w1500h1001/20180704/Aer7-fzrwiaz8226621.jpg" alt="李艳秋">
              <div class="author-copy">
                <a class="author-name" href="/css/2026111521582-9005861.css" itemprop="author">李艳秋</a>
                <time class="article-time" itemprop="datePublished" datetime="2026-11-15T15:35:35+08:00">2026-11-15 15:35:35　来源：红星新闻</time>
              </div>
              <div class="article-actions" aria-label="静态阅读工具">
                <span class="action-box red" aria-hidden="true">微</span>
                <span class="action-box gold" aria-hidden="true">藏</span>
                <span class="action-box green" aria-hidden="true">阅</span>
              </div>
            </div>
            <div class="article-divider"></div>
          </header>

          <section class="article-body" aria-label="正文">
            <div class="article-text" itemprop="articleBody">
              <p class="detailPic">
                <img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180513/yOom-hamfahx5360836.jpg" alt="黄三色配色表图片：黄色系清晰配色图集与绘画、穿搭及空间参考" width="640" height="405" fetchpriority="high" decoding="async">
              </p>
              <p>黄三色配色表图片适合用来快速比较黄色与另外两种颜色的关系，常见做法是把主色、辅助色和强调色并列展示，并标注色名、色值及建议用途。选图时先看黄色偏向：明亮的柠檬黄显得清爽醒目，奶油黄更柔和，芥末黄或金黄则更沉稳；同一组配色即使颜色名称相近，也可能因明度、饱和度不同而呈现完全不同的气质。</p>
<p>可直接参考几组适合制成配色图的三色方案：柠檬黄、深海军蓝、暖白（#F4D738、#19324A、#F7F4EA），适用于海报标题与信息排版；奶油黄、鼠尾草绿、陶土橘（#F2E6B8、#8D9B78、#C87955），适合餐饮、家居和生活方式主题；金黄、炭灰、米色（#D7A62A、#343434、#E9DFC9），适合较成熟的品牌视觉；淡黄、天蓝、珊瑚红（#F7E7A1、#8FC7D8、#E98570），则更适合儿童、节庆或轻快插画。色值可作为起点，实际显示会受屏幕、印刷和环境光影响。</p>
<p>判断一张黄三色配色表图片是否实用，不要只看颜色是否好看，还要看比例和对比度。通常先让黄色承担约一半的画面面积，再用较稳的辅助色铺底，第三色少量用于按钮、图标或重点文字；如果黄色本身很亮，就避免让另外两色也同时高饱和，以免画面刺眼。用于正文文字时，优先把深色放在浅黄色或白色底上，并在缩小预览、手机屏幕和灰度状态下检查辨识度。</p>
<p>制作或挑选素材时，可把每组颜色做成三块等宽色卡，同时附上色值、色名、配色比例和应用小样，例如标题区、按钮或包装局部。图片背景尽量简洁，色卡之间留出明显间隔；若要用于打印，再导出高分辨率版本并在目标纸张上试印。下载现成图片前，也应检查授权范围、是否允许商用及是否需要署名；若只需提取颜色，可用取色工具读取色值，再在自己的设计文件中重建色卡，避免直接使用来源不明的整张素材。</p>
<p>黄三色配色表图片适合用来快速比较黄色主色与两种辅助色的组合，可用于海报、插画、品牌视觉、室内方案和穿搭参考。挑选时先看黄色的明暗与冷暖，再判断搭配色能否衬托主体、满足场景气质。下面列出几组可用于制作配色图的色值示意；色块是网页内的视觉参考，不是可下载的图片文件。</p>
<h2>黄色主色三色配色示意</h2>
<p>每组均由黄色和两种辅助色构成。色值可作为设计起点，实际呈现会受屏幕、印刷材质及周围颜色影响，定稿前应在具体画面中试色。</p>
<table>
 <thead>
  <tr>
   <th>配色方向</th>
   <th>颜色示意与色值</th>
   <th>适用画面</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><strong>明快清爽</strong></td>
   <td><span style="width: 22px; height: 16px; background: #F4D35E"></span> 柠檬黄 <code>#F4D35E</code><br><span style="width: 22px; height: 16px; background: #1D3557"></span> 深蓝 <code>#1D3557</code><br><span style="width: 22px; height: 16px; background: #F7F4EA"></span> 象牙白 <code>#F7F4EA</code></td>
   <td>活动海报、文具包装、信息图。深蓝负责稳住画面，浅色留白让黄色不显拥挤。</td>
  </tr>
  <tr>
   <td><strong>自然温和</strong></td>
   <td><span style="width: 22px; height: 16px; background: #D6A928"></span> 芥末黄 <code>#D6A928</code><br><span style="width: 22px; height: 16px; background: #285943"></span> 墨绿 <code>#285943</code><br><span style="width: 22px; height: 16px; background: #F2E9D8"></span> 米白 <code>#F2E9D8</code></td>
   <td>植物主题、餐饮包装、家居灵感图。黄与绿带来自然联想，米白可减轻深色比例。</td>
  </tr>
  <tr>
   <td><strong>柔和低对比</strong></td>
   <td><span style="width: 22px; height: 16px; background: #F6E7A1"></span> 奶油黄 <code>#F6E7A1</code><br><span style="width: 22px; height: 16px; background: #8FA8B8"></span> 灰蓝 <code>#8FA8B8</code><br><span style="width: 22px; height: 16px; background: #353535"></span> 炭灰 <code>#353535</code></td>
   <td>插画背景、生活方式版面、室内软装。整体较安静，炭灰适合用于文字和细节。</td>
  </tr>
  <tr>
   <td><strong>活泼醒目</strong></td>
   <td><span style="width: 22px; height: 16px; background: #FFC928"></span> 亮黄 <code>#FFC928</code><br><span style="width: 22px; height: 16px; background: #F06A4D"></span> 珊瑚橙 <code>#F06A4D</code><br><span style="width: 22px; height: 16px; background: #553A2C"></span> 深棕 <code>#553A2C</code></td>
   <td>促销视觉、儿童主题、食品插画。暖色力量较强，建议控制亮黄和橙色的使用面积。</td>
  </tr>
  <tr>
   <td><strong>冷暖对照</strong></td>
   <td><span style="width: 22px; height: 16px; background: #F2C14E"></span> 金黄 <code>#F2C14E</code><br><span style="width: 22px; height: 16px; background: #6A4C93"></span> 紫色 <code>#6A4C93</code><br><span style="width: 22px; height: 16px; background: #F5F1E8"></span> 暖白 <code>#F5F1E8</code></td>
   <td>封面、艺术海报和需要突出主体的插画。紫黄反差明显，暖白可作为背景或缓冲色。</td>
  </tr>
 </tbody>
</table>
<h2>按用途判断哪组更合适</h2>
<p>做屏幕海报或社交媒体图时，优先考虑清爽、醒目两类，并把最亮的黄色留给标题、按钮或关键图形。大面积铺满亮黄容易刺眼，若画面信息较多，可改用奶油黄作底色，再以深蓝或炭灰承载文字。需要自然、复古气质时，芥末黄与墨绿更稳；用于柔和插画或居家配色，则选择低饱和的黄、灰蓝和浅中性色，避免三种颜色同时高纯度。</p>
<p>如果配色表用于穿搭，可以把黄色安排在上衣、包或配饰等一个重点位置，另外两色分别承担基础色与过渡色。空间设计则宜先确定墙面、地面等大面积颜色，再用黄色作为局部点缀。配色表提供的是视觉关系参考，不代表三种颜色必须平均分配；常见做法是让一种颜色占主导，另两种负责平衡和强调。</p>
<h2>制作配色表图片时的实用规格</h2>
<p>制作图片素材时，可将每组颜色并排展示，并在色块旁标注中文名称和 HEX 色值；同时写明主色、辅助色的角色，方便设计时复用。横版适合比较多组方案，方形适合单组分享，竖版则便于加入用途说明。常见画布可从横版 1600×900 像素、方形 1080×1080 像素或竖版 1080×1350 像素起步，再按发布平台调整。</p>
<p>在线展示或屏幕发布可导出 PNG 或 JPG，并使用 sRGB 色彩模式；色块较多、需要保留清晰文字时优先检查缩放后的可读性。用于印刷的配色图应另行进行打样或色彩转换，不能只凭屏幕上的 HEX 效果判断最终纸面颜色。选择素材时，重点看色块是否清晰、标注是否完整、画布比例是否适合用途；若需实际使用他人制作的图片，还应确认其授权范围。</p>
            </div>
            <div class="article-end" aria-hidden="true"></div>
          </section>

          <section class="copyright-box" aria-label="版权声明">
            <p>特别声明：以上内容（包括图片或音视频，如有）由发布者上传并发布，凤凰网仅提供信息存储空间服务。</p>
            <p>Notice: The content above is provided by the publisher. Phoenix New Media provides information storage services.</p>
          </section>
          <footer class="editor-line">[责任编辑：张雅琴]</footer>
        </article>

        <section class="recommend-section" aria-label="为您推荐">
          <h2 class="module-heading">为您推荐</h2>
          <div class="recommend-list">
            <a class="recommend-item" href="/css/20261115-76636.css">
              <img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180517/YpcK-harvfhu3208918.jpg" alt="一组数据读懂APEC“中国年”新机遇" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">马雷斯卡：77体育每场都在进步，这是我唯一真正关心的事</span>
            </a>
            <a class="recommend-item" href="/css/2026111550627572-52823905.css">
              <img src="http://n.sinaimg.cn/news/transform/200/w600h400/20181022/wZpV-hmuuiyv5722640.jpg" alt="广东考生：英语作文主角李华缺席，新朋友Emily去见男朋友掉坑里了" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">在硅谷，一群18岁年轻人正在绕开大学</span>
            </a>
            <a class="recommend-item" href="/css/20261115-18329.css">
              <img src="http://n.sinaimg.cn/news/transform/200/w600h400/20190426/aNzn-hvvuiyp0712874.jpg" alt="今日黄渤海正式开海" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">全球地缘风险凸显 原油期货逆势大涨</span>
            </a>
            <a class="recommend-item" href="/css/2026111530524.css">
              <img src="http://n.sinaimg.cn/news/transform/200/w600h400/20181211/t_GJ-hphsupy8077666.jpg" alt="贸易战打到文化战：特朗普威胁对海外制片征100%关税，好莱坞懵了" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">吃喝板块午后惊现逆转！白酒股集体躁动，食品ETF（515710）拉升翻红！估值洼地能否上车？</span>
            </a>
            <a class="recommend-item" href="/css/20261115-88818238.css">
              <img src="http://n.sinaimg.cn/photo/transform/200/w600h400/20180530/CFQl-hcffhsv3876768.jpg" alt="*ST高鸿股票连续20日低于1元 退市在即" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">文班亚马29分10板5帽，马刺大胜国王</span>
            </a>
            <a class="recommend-item" href="/css/20261115-51821514.css">
              <img src="http://n.sinaimg.cn/news/1_img/vcg/2b0c102b/56/w1024h632/20180927/ig7m-hiixpuq0199190.jpg" alt="老牌轮胎企业，揽金88亿元" width="144" height="80" loading="lazy" decoding="async">
              <span class="recommend-copy">美股轻松摘得年内第17个新高！大摩却警告：三大隐患恐威胁牛市</span>
            </a>
          </div>
        </section>
      </div>

      <aside class="right-column" aria-label="凤凰网推荐">
        <section class="side-module" aria-label="热门文章">
          <h2 class="side-title">热门文章</h2>
          <ul class="hot-list">
            <li><span class="thumb"><img src="http://n.sinaimg.cn/translate/698/w899h599/20190120/IpBL-hrvcwnk9520204.jpg" alt="500万的房子月租1万该买还是租" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">BLG全员赛后依旧火锅局</span></li>
            <li><a href="/Public/20261115-35984117.css"><span class="thumb"><img src="http://n.sinaimg.cn/front/266/w640h426/20180610/B1mM-fzrwiaz6735532.jpg" alt="知名企业被曝“崩老头”式卖酒" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">香港股市开盘：恒生指数上涨0.07%，恒生科技指数下跌0.14%</span></a></li>
            <li><a href="/css/20261115-9641987.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180629/SKCG-fzrwiaz7940122.jpg" alt="探店10万出头的德系家用真香SUV" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">华为杨超斌：openEuler成中国操作系统首选 其性能已优于业界Linux发行版</span></a></li>
            <li><a href="/css/2026111576726.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180318/ulUk-fyskntw6274822.jpg" alt="直击广交会：科技军团海外订单不断上市公司领衔中国智造" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">黄仁勋 辞职巡演【AI MV大赛】</span></a></li>
            <li><a href="/css/202611153710337-63675.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20190213/0XS7-hswimzy6885186.jpg" alt="标普500成份股Diamondback早盘上涨3.4%" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">新百利融资公布中期业绩 公司拥有人应占溢利21万港元同比扭亏为盈</span></a></li>
            <li><a href="/css/20261115-84987598.css"><span class="thumb"><img src="http://n.sinaimg.cn/front/360/w1680h1080/20190302/fyPe-htstzcc4509251.jpg" alt="马斯克：特斯拉Model S和Model X将在下一季度停产" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">官方通报女生提醒同学勿睡觉被老师打</span></a></li>
            <li><a href="/css/20261115-44702.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20190314/YrP6-hufnxfn1310561.jpg" alt="万丰奥威：eVTOL为低空产业的发展提供了新的机遇" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">哈兰德梅开二度，助挪威 2-1 巴西，如何评价他的个人表现？他能带领挪威走多远？</span></a></li>
            <li><a href="/css/2026111545458.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20180809/r-8G-hhnunsp9607908.jpg" alt="中际旭创成交额达100亿元，现涨5.43%" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">外国游客沉浸式体验“中国酷”</span></a></li>
          </ul>
        </section>

        <section class="side-module" aria-label="精彩视频">
          <h2 class="side-title">精彩视频</h2>
          <ul class="hot-list video-list">
            <li><a href="/css/20261115-35945.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/1_img/upload/6d34f853/748/w978h570/20190104/3mOL-hqzxptp3616083.jpg" alt="欧洲的骚乱恐怕只是个开头" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">从三部电影拆解文牧野创作逻辑</span></a></li>
            <li><a href="/Details/20261115-7963294.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/1_img/upload/2b0c102b/144/w400h544/20181015/euph-hmhafir6540776.jpg" alt="长盛轴承：5名高管拟减持不超过359.5万股满足资金需求" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">小马智行-W午后涨超4%，在迪拜启动无人驾驶出租车测试</span></a></li>
            <li><a href="/css/202611156296463-92766.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/transform/200/w600h400/20181031/WDRL-hnfikvc8764692.jpg" alt="美国通胀推高金价！现货金突破4724美元 或年底触及6000美元" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">“反中乱港分子”黄之锋再获刑10年</span></a></li>
            <li><span class="thumb"><img src="http://n.sinaimg.cn/translate-11/441/w800h441/20180527/089f-hcaqueu8508575.jpg" alt="国内电车的蓬勃发展是不是得益于日本科学家？" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">受贿、挪用公款、违法发放贷款……温州银行原行长吴华腐败犯罪细节曝光</span></li>
            <li><a href="/css/20261115770653-6032856.css"><span class="thumb"><img src="http://n.sinaimg.cn/news/1_img/upload/6d34f853/600/w600h800/20190225/eKu9-htptaqe1609197.jpg" alt="当不确定性成为一张明牌，油价只能延续震荡，等待局势明朗" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">油价大跌，冲击不再？【国盛宏观|高频半月观】</span></a></li>
            <li><a href="/css/20261115-33180.css"><span class="thumb"><img src="http://n.sinaimg.cn/photo/transform/200/w600h400/20180712/0Cec-hfefkqr1068927.jpg" alt="整体很满意 哈弗猛龙燃油提车分享" width="100" height="56" loading="lazy" decoding="async"></span><span class="item-title">胡彦斌歌王</span></a></li>
          </ul>
        </section>

        <section class="official-card" aria-label="凤凰资讯官方账号">
          <img src="https://p3.ifengimg.com/a/2018_20/1fc201bdbceacee_size39_w430_h430.jpg" alt="凤凰资讯官方微信" width="80" height="80" loading="lazy" decoding="async">
          <div class="official-copy"><strong>凤凰资讯</strong>官方微信<br>关注更多资讯</div>
        </section>
      </aside>
    </main>

    <footer class="site-footer">
      <div class="footer-inner">
        <nav class="footer-links" aria-label="凤凰网页脚导航">
          <a href="/topics/2026111565695926-66465920.css">凤凰新媒体介绍</a>
          <a href="/css/20261115-38268441.css">投资者关系</a>
          <a href="/css/2026111576685336-64896.css">诚征英才</a>
          <a href="/css/2026111568248036-601782.css">保护隐私权</a>
          <a href="/css/202611153459567-68803095.css">免责条款</a>
          <a href="/css/2026111526019938.css">意见反馈</a>
          <a href="/css/202611159630270-2375283.css">凤凰卫视</a>
          <a href="/css/2026111595751657-866550.css">网站备案</a>
        </nav>
        <div class="footer-copy">凤凰新媒体 版权所有<br>Copyright ? Phoenix New Media Limited All Rights Reserved.</div>
      </div>
    </footer>
  </div>
</body>
<!-- 122.114.75.100 http://www.stockpoop.com /utf8/?domain=www.stockpoop.com&path=/css/20261114-332005.css www -->
</html>
