🎨 色碼轉換器|脆新聞

#6CB3FA 色碼資訊

#6CB3FA 的 RGB 值是 rgb(108, 179, 250)， HSL 值是 hsl(210, 93.4%, 70.2%)， CMYK 值是 cmyk(56.8%, 28.4%, 0%, 2%)。 最接近的 Tailwind CSS 色彩是 blue-400。 以下提供完整的色彩格式轉換、和諧配色方案、WCAG 對比度檢查和色盲模擬。

色彩格式轉換

HEX#6CB3FA
RGBrgb(108, 179, 250)
RGBArgba(108, 179, 250, 1)
HSLhsl(210, 93.4%, 70.2%)
HSLAhsla(210, 93.4%, 70.2%, 1)
HSVhsv(210, 56.8%, 98%)
CMYKcmyk(56.8%, 28.4%, 0%, 2%)
OKLCHoklch(0.749 0.126 249.8)
OKLABoklab(0.749 -0.043 -0.118)
Tailwindblue-400

色彩色階

50
EFF5FB
100
DFEBF6
200
C3D9EE
300
84BFFB
400
449EF9
500
0880F7
600
076BCF
700
0657A8
800
044280
900
0C2E50
950
061A2D

變化

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

色調

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

79BAFA
87C1FB
94C8FB
A1CFFC
AFD6FC
BCDCFD
CAE3FD
D7EAFE
E4F1FE
F2F8FF

陰影

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

4DA3F9
2D92F8
0E82F7
0772DC
0662BD
05519D
04417E
03315E
02213F
01101F

互補配色方案

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

互補色

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

#6CB3FA#FAB36C

分裂互補色

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

#6CB3FA#FA6C6C#FAFA6C

三等分色

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

#6CB3FA#FA6CB3#B3FA6C

類似色

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

#6CFAFA#6CB3FA#6C6CFA

單色系

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

#E6F2FE#B6D9FD#6CB3FA#228DF7#0766C6

四等分色

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

#6CB3FA#FA6CFA#FAB36C#6CFA6C
今天+12.5%
12,584
步數
週一
週二
週三
週四
週五
週六
週日
進度

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

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

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

WCAG 對比度檢查

白色背景2.22:1

範例文字 Aa

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

範例文字 Aa

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

色盲模擬

紅色盲（Protanopia）

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

#9AB2FE

綠色盲（Deuteranopia）

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

#89A2F9

藍色盲（Tritanopia）

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

#4DC3C8

CSS 程式碼

color: #6CB3FA;
background-color: #6CB3FA;
border-color: #6CB3FA;
color: rgb(108, 179, 250);
color: hsl(210, 93.4%, 70.2%);
color: oklch(0.749 0.126 249.8);

色碼轉換工具

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

常見問題