顏色
#677df0

#677df0 十六進位顏色訊息

顏色	HEX	RGB
	#677df0	RGB(103, 125, 240)

創建於 09/29/2026 19:19

#677df0顏色分類

#677df0 是淺色和冷色顏色飽和度 82%，明度 67%。

淺色調 royalblue

RGB 值是 RGB(103, 125, 240)
#677df0 顏色包含紅色 40.39%, 綠色 49.02% 和藍色 94.12%.
oklch(62.95% 0.173 272.37)

Royalblue

顏色名稱 #677df0 HEX 程式碼

≈ Cornflower Blue

替代顏色 #677df0

#677df0 相反的顏色是 #f0da67

#f0da67

#677df0 顏色轉換

有關十六進制顏色十進制的代碼和值信息，十六進制。 HSL、HSLA、RGB、RGBA 值 #677df0

cmyk

CMYK(57%, 48%, 0%, 6%)

十進位

6782448

HEX

#677df0

HSL

hsl(230, 82%, 67%)

HSLA

hsla(230, 82%, 67%, 1)

RGB

RGB(103, 125, 240)

RGBA

RGBA(103, 125, 240, 1)

#677df0 顏色的調色板:

以下是 #677df0 十六進位顏色的調色板範例

暗色調中最深的顏色是 #0a0c18，淺色調中最淺的顏色是 #f0f2fe

#677df0 的暗色調調色盤:

#5d71d8

#5264c0

#4858a8

#3e4b90

#343f78

#293260

#1f2648

#151930

#0a0c18

#000000

#677df0 的淺色調調色盤:

#768af2

#8597f3

#95a4f5

#a4b1f6

#b3bef8

#c2cbf9

#d1d8fb

#e1e5fc

#f0f2fe

#ffffff

#677df0 的互補調色盤:

#677df0

#f0da67

#677df0 的三元調色板:

#677df0

#f0677d

#7df067

#677df0 的方形調色板:

#677df0

#f067c2

#f0da67

#67f096

#677df0 的類似調色板:

#67c2f0

#677df0

#9667f0

#677df0 的拆分互補調色板:

#677df0

#f09667

#c2f067

#677df0 的矩形（四元）調色板:

#677df0

#da67f0

#f0da67

#7df067

建議的調色板 #677df0 HEX:

帶有顏色的調色板 #677df0 #1:

帶有顏色的調色板 #677df0 #2:

帶有顏色的調色板 #677df0 #3:

帶有顏色的調色板 #677df0 #4:

帶有顏色的調色板 #677df0 #5:

顏色對比

基於 WCAG 無障礙對比度的標準，#677df0 與黑色和白色的小字體、大字體和圖形的顏色搭配。

#677df0

對比度

3.64:1

尺寸	AA級	AAA級
大文字:
小文字:

#677df0

對比度

5.76:1

尺寸	AA級	AAA級
大文字:
小文字:

影像 #677df0 顏色 png

查看熱門顏色清單以獲取更多顏色

Metro UI 顏色潘通顏色網頁顏色網頁安全色 X11 顏色 XKCD顏色