🎨 色碼轉換器|脆新聞

#CBE2CF 色碼資訊

#CBE2CF 的 RGB 值是 rgb(203, 226, 207)， HSL 值是 hsl(130.4, 28.4%, 84.1%)， CMYK 值是 cmyk(10.2%, 0%, 8.4%, 11.4%)。 最接近的 Tailwind CSS 色彩是 neutral-300。 以下提供完整的色彩格式轉換、和諧配色方案、WCAG 對比度檢查和色盲模擬。

色彩格式轉換

HEX#CBE2CF
RGBrgb(203, 226, 207)
RGBArgba(203, 226, 207, 1)
HSLhsl(130.4, 28.4%, 84.1%)
HSLAhsla(130.4, 28.4%, 84.1%, 1)
HSVhsv(130.4, 10.2%, 88.6%)
CMYKcmyk(10.2%, 0%, 8.4%, 11.4%)
OKLCHoklch(0.89 0.035 150.5)
OKLABoklab(0.89 -0.031 0.017)
Tailwindneutral-300

色彩色階

50
F3F7F4
100
E7EEE8
200
D2DFD5
300
ADD1B3
400
83BA8C
500
5BA468
600
4D8A57
700
3E6F47
800
2F5536
900
233827
950
141F16

變化

本節的目的是準確生成所選顏色的色調（通過調白）和陰影（通過調黑）的變化。

色調

使用調際用於呈體示亮色和的明亮度，使用調際用於較亮的色彩變化。

D0E5D3
D4E7D8
D9EADC
DEEDE0
E3EFE5
E7F2E9
ECF4EE
F1F7F2
F6FAF6
FAFCFB

陰影

通過在基礎顏色中逐漸添加黑色目標的暗變化。

B2D4B8
99C6A1
80B88A
67AA73
54965F
467D4F
386440
2A4B30
1C3220
0E1910

互補配色方案

根據您選擇的顏色輕鬆發現和諧的組合

互補色

色相環上相差 180° 的對比色，產生最強烈的視覺對比效果。

#CBE2CF#E2CBDE

分裂互補色

互補色兩側各偏移 30°，保留對比感但比互補色更柔和。

#CBE2CF#DBCBE2#E2CBD2

三等分色

色相環上等距 120° 的三個色彩，活潑且平衡。

#CBE2CF#CFCBE2#E2CFCB

類似色

色相環上相鄰的色彩，自然和諧、舒適柔和。

#D2E2CB#CBE2CF#CBE2DB

單色系

同一色相的不同明暗變化，統一感最強。

#EFF6F0#DEEDE1#CBE2CF#9AC7A2#69AB74

四等分色

色相環上等距 90° 的四個色彩，豐富多彩但需注意平衡。

#CBE2CF#CBD2E2#E2CBDE#E2DBCB
今天+12.5%
12,584
步數
週一
週二
週三
週四
週五
週六
週日
進度

今年平均每天的步數比去年多。

12,453
步/天
2026
2025
93%562/600 千卡移動
61%73/120 分鐘練習
67%8/12 小時站立
活躍能量

您每天約燃燒 754 千焦耳，好工作！

WCAG 對比度檢查

白色背景1.37:1

範例文字 Aa

一般文字（AA ≥ 4.5:1）Fail
大文字（AA ≥ 3:1）Fail
黑色背景15.32:1

範例文字 Aa

一般文字（AA ≥ 4.5:1）AAA
大文字（AA ≥ 3:1）AAA

色盲模擬

紅色盲（Protanopia）

無法感知紅色光，約佔男性 1%

#E2DDCE

綠色盲（Deuteranopia）

無法感知綠色光，約佔男性 1%

#DEDBD0

藍色盲（Tritanopia）

無法感知藍色光，極為罕見

#C9E1DC

CSS 程式碼

color: #CBE2CF;
background-color: #CBE2CF;
border-color: #CBE2CF;
color: rgb(203, 226, 207);
color: hsl(130.4, 28.4%, 84.1%);
color: oklch(0.89 0.035 150.5);

色碼轉換工具

HEX → RGBRGB → HEXHEX → HSLHEX → CMYKRGB → CMYKRGB → HSLHEX → OKLCHCMYK → RGB

常見問題