🎨 色碼轉換器|脆新聞

#55FFDC 色碼資訊

#55FFDC 的 RGB 值是 rgb(85, 255, 220)， HSL 值是 hsl(167.6, 100%, 66.7%)， CMYK 值是 cmyk(66.7%, 0%, 13.7%, 0%)。 最接近的 Tailwind CSS 色彩是 teal-200。 以下提供完整的色彩格式轉換、和諧配色方案、WCAG 對比度檢查和色盲模擬。

色彩格式轉換

HEX#55FFDC
RGBrgb(85, 255, 220)
RGBArgba(85, 255, 220, 1)
HSLhsl(167.6, 100%, 66.7%)
HSLAhsla(167.6, 100%, 66.7%, 1)
HSVhsv(167.6, 66.7%, 100%)
CMYKcmyk(66.7%, 0%, 13.7%, 0%)
OKLCHoklch(0.904 0.147 176.1)
OKLABoklab(0.904 -0.147 0.01)
Tailwindteal-200

色彩色階

50
EFFBF8
100
DEF7F2
200
C2F0E6
300
80FFE5
400
3DFFD7
500
00FFCA
600
00D6AA
700
00AD8A
800
008569
900
095343
950
052E25

變化

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

色調

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

64FFDF
74FFE2
83FFE6
93FFE9
A2FFEC
B2FFEF
C1FFF2
D1FFF5
E0FFF9
F0FFFC

陰影

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

36FFD6
17FFCF
00F7C4
00D8AC
00B993
009B7B
007C62
005D4A
003E31
001F19

互補配色方案

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

互補色

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

#55FFDC#FF5578

分裂互補色

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

#55FFDC#FF55CD#FF8755

三等分色

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

#55FFDC#DC55FF#FFDC55

類似色

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

#55FF87#55FFDC#55CDFF

單色系

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

#E5FFFA#A2FFEC#55FFDC#08FFCC#00BB94

四等分色

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

#55FFDC#8755FF#FF5578#CDFF55
今天+12.5%
12,584
步數
週一
週二
週三
週四
週五
週六
週日
進度

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

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

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

WCAG 對比度檢查

白色背景1.26:1

範例文字 Aa

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

範例文字 Aa

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

色盲模擬

紅色盲（Protanopia）

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

#ECE8DB

綠色盲（Deuteranopia）

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

#C9CEDF

藍色盲（Tritanopia）

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

#30FFF4

CSS 程式碼

color: #55FFDC;
background-color: #55FFDC;
border-color: #55FFDC;
color: rgb(85, 255, 220);
color: hsl(167.6, 100%, 66.7%);
color: oklch(0.904 0.147 176.1);

色碼轉換工具

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

常見問題