配色調色盤

天藍色

晴朗天空的明亮藍色。在阿根廷和烏拉圭,它是和國旗與足球國家隊連結在一起的顏色。常用於嬰兒服、牆面和網站背景。

又稱:天空藍, 晴空藍

天藍色 · #87CEEB

天藍色的基本資訊

天藍色(#87CEEB)是冷色系、偏亮、中等飽和度的顏色,屬於藍色系。RGB 值為紅 135、綠 206、藍 235(各 255 階)。常見用途:兒童, 室內設計, 網頁。

天藍色的深淺:亮色調與暗色調

由淺到深依序排列。點一下顏色就能複製色碼。

看看所有色階: 色階產生器

和天藍色搭配的顏色

白色乾淨清爽的組合。海軍藍優雅的藍色漸層。米色取得平衡的溫暖基底。莫蘭迪粉非常甜美的粉彩組合。灰色沉穩專業的印象。咖啡色清爽與大地感的對比。粉彩黃充滿春天感的組合。珊瑚色溫暖又有活力的跳色。
天藍色在穿搭與居家布置的搭配方式 →

天藍色的色彩和諧配色

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色:裸色
類似色相近顏色:海沫綠, 紫藤色
三等分配色相近顏色:螢光粉, 粉彩黃
分裂互補色相近顏色:紅鶴粉, 香草色
四角配色相近顏色:薰衣草紫, 裸色, 淺綠色

使用天藍色的配色色票

可以直接複製色碼,或在編輯器中開啟自由調整。

單色配色 · 天藍色
類似色配色 · 天藍色
互補色配色 · 天藍色
三等分配色 · 天藍色
搭配中性色配色 · 天藍色
搭配強調色配色 · 天藍色

天藍色與文字顏色的對比

白色文字對比度 1.7:1 · 不建議
黑色文字對比度 12.1:1 · AAA

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

CSS 程式碼

:root {
  --sky-blue: #87CEEB;
  --sky-blue-rgb: 135, 206, 235;
}
.bg { background-color: var(--sky-blue); }
.text { color: var(--sky-blue); }

和天藍色相近的顏色

嬰兒藍淺藍色粉彩藍淺土耳其藍藍灰色海沫綠銀色灰燼色淺灰色深土耳其藍

使用這個顏色的主題配色

其他藍色系

藍色海軍藍鈷藍色藍寶石色鋼藍色皇家藍電光藍午夜藍群青色法國藍普魯士藍粉彩藍嬰兒藍丹寧藍克萊因藍深藍色淺藍色蔚藍色

常見問題

天藍色的色碼是多少?

天藍色的 HEX 色碼是 #87CEEB。RGB 為 rgb(135, 206, 235),HSL 為 hsl(197, 71%, 73%),CMYK 為 43, 12, 0, 8。

天藍色的互補色是什麼?

在色環上位於對面的互補色是 #EBA487,色調接近裸色。少量用來當強調色,就能做出強烈的對比。

在天藍色上放白色文字好閱讀嗎?

建議改用黑色文字。和白色的對比度只有 1.7:1,和黑色則有 12.1:1。

天藍色和什麼顏色搭配?

適合搭配的顏色:白色, 海軍藍, 米色, 莫蘭迪粉, 灰色。避免和電光藍或強烈的紫色搭配,會讓天藍色看起來暗淡。和黑色搭配有時會顯得太強硬。