焦糖色
糖色焦香,甜暖诱人
HEX
#B87333RGB
rgb(184, 115, 51)HSL
hsl(29, 57%, 46%)HSV
hsv(29, 72%, 72%)CMYK
cmyk(0%, 38%, 72%, 28%)HEXA
#B87333FFRGBA
rgba(184, 115, 51, 1)HSLA
hsla(29, 57%, 46%, 1)OKLCH
oklch(79.2%, 0.087, 74)LCH
lch(75.5%, 30.5, 88)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#B83235复制
#B87333复制
#B8B632三色系3个间隔120°的色相
复制
#B87333复制
#32B873复制
#7332B8分裂互补色主色 + 互补色两侧的颜色
复制
#B87333复制
#32B8B6复制
#3235B8互补色2个间隔180°的色相
复制
#B87333复制
#3278B8矩形双互补色4个形成矩形的色相
复制
#B87333复制
#35B832复制
#3278B8复制
#B632B8单色系单一色相,变化饱和度和亮度
复制
#180F07复制
#68411D复制
#B87333复制
#DAA777复制
#F0DBC7♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
甜品烘焙
焦糖色淋面和装饰是法式甜点的经典工艺,为蛋糕、布丁和马卡龙增添视觉与味觉的双重魅力。
秋冬时装
焦糖色大衣、毛衣和裙装是秋冬时尚的主角,温暖色调在寒冷季节中格外引人注目。
彩妆产品
焦糖色眼影、口红和腮红是打造温暖妆容的必备色,适合各种肤色,百搭实用。
产品设计
焦糖色被广泛应用于手机壳、小家电等产品设计,为科技产品注入温暖的生活感。
📜 起源与历史
焦糖色源自糖类在加热过程中发生的美拉德反应与焦糖化反应所产生的色泽。人类制造焦糖色的历史可追溯至古印度和中国,当时人们已掌握用蔗糖制作焦糖色的技术。
18世纪,欧洲糕点师开始系统性地使用焦糖为甜点和酱汁增色调味。焦糖色的流行不仅改变了甜点的外貌,更催生了焦糖布丁、焦糖蛋糕等经典甜品。
19世纪,焦糖色作为食用色素被商业化生产,成为食品工业中应用最广泛的天然色素之一。从酱油到可乐,焦糖色赋予这些日常食品温暖诱人的外观。
20世纪时尚界将焦糖色引入服装设计,这种介于金棕与赤褐之间的色彩以其温暖明亮的特质迅速获得青睐。1970年代,焦糖色是复古风格的代表色之一。
当代,焦糖色在美妆、时尚和设计领域持续走红。它比驼色更浓郁,比棕色更明亮,是秋冬季节最具人气的色彩之一,象征着甜蜜、温暖与怀旧。
🧠 色彩心理学
甜蜜焦糖色与糖的甜蜜记忆紧密相连,直接唤起味觉的愉悦感和对美好事物的向往。
温暖焦糖色如秋冬午后的阳光,温暖而明亮,给人被拥抱般的安全与舒适感。
怀旧焦糖色让人想起童年时代的糖果和甜点,是连接美好旧时光的色彩桥梁。
诱人这种色彩带有强烈的感官诱惑力,能激发食欲和消费冲动,是商业设计中的热门色。
亲切焦糖色的温暖特质使其具有高度的亲切感,容易拉近人与人之间的距离。
华丽焦糖色在光泽面料上呈现出迷人的金属光泽,兼具温暖与华丽的双重气质。