跳到取色器

#ff5733 顏色:螢光 紅色

#ff5733 的 RGB 值是 rgb(255, 87, 51),OKLCH 值是 oklch(68.036% 0.21001 33.692)。其他所有格式、色階和對比度都在下方。

辨識為 HEX

11°
100%

68%
0.210
34°
  • 紅色
  • 中等
  • 鮮豔
  • 螢光
  • 暖色
  • ≈ 猩紅色
  • orange-600
  • 黑度 0%

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字
3.15:1難以閱讀
Lc -63
黑色文字
6.66:1清楚易讀 · AA
Lc 47

色階

由淺到深排列。點一下色階即可使用。

和諧配色

最近使用

你停留過或複製過的顏色會出現在這裡,只儲存在這台裝置上。

關於 #ff5733

#ff5733 是一種螢光 紅色。在 OKLCH 中,它的亮度為 68%,彩度為 0.21,色相為 34°。

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字放在它上面的對比度為 3.15:1,黑色文字為 6.66:1,所以用黑色文字比較好讀。

最接近的有名稱顏色是猩紅色(#ff2400)。在 Tailwind CSS 中,最接近的顏色是 orange-600。

更多中等紅色系顏色

更淺:#ff5733 混入白色

更深:#ff5733 混入黑色

更柔和:降低 #ff5733 的飽和度

相近的有名稱顏色

與 #ff5733 搭配的顏色

互補色
類似色
三角配色
分裂互補

關於 #ff5733 的常見問題

#ff5733 是什麼顏色?

#ff5733 是一種螢光 紅色。最接近的有名稱顏色是螢光 紅色。它的 RGB 值是 rgb(255, 87, 51),HSL 值是 hsl(10.59, 100%, 60%),OKLCH 值是 oklch(68.036% 0.21001 33.692)。

#ff5733 跟什麼顏色最搭?

#ff5733 的互補色是 #00adcc。想要比較柔和的搭配,可以用類似色 #fa508a 和 #e17b00。三角配色的另外兩色是 #00ba59 和 #7689ff。

#ff5733 上用白色還是黑色文字比較好讀?

在 #ff5733 上,黑色文字比較好讀:白色的對比度為 3.15:1,黑色為 6.66:1。WCAG AA 要求內文對比度至少 4.5:1。

#ff5733 是暖色還是冷色?

#ff5733 屬於暖色。在 OKLCH 中,它的色相為 34 度,亮度為 68%,彩度為 0.21。