Đỏ, cam và vàng (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Đỏ, cam và vàng (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #e9192e, #d60c22, #d73622, #ed8e1a, #fdd165. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#e9192e
#e7182d
#e6162c
#e3142a
#e11328
#df1126
#dc1024
#da0f23
#d60c22
#d30921
#d00820
#cd0b1f
#cd111e
#cd1a1e
#d0231f
#d32c21
#d73622
#dc4023
#e04a22
#e4551f
#e76218
#ea7112
#ec7f12
#ed8e1a
#ee9a27
#efa533
#f1ae3e
#f4b748
#f6bf51
#f9c659
#fccc60
#fdd165

CSS

background: linear-gradient(90deg in oklch, oklch(59.45% 0.2315 24.61) 0.0%, oklch(59.16% 0.2309 24.72) 3.2%, oklch(58.76% 0.2300 24.87) 6.5%, oklch(58.29% 0.2290 25.05) 9.7%, oklch(57.78% 0.2278 25.25) 12.9%, oklch(57.27% 0.2265 25.45) 16.1%, oklch(56.78% 0.2249 25.63) 19.4%, oklch(56.25% 0.2232 25.73) 22.6%, oklch(55.55% 0.2213 25.69) 25.8%, oklch(54.81% 0.2192 25.61) 29.0%, oklch(54.17% 0.2170 25.62) 32.3%, oklch(53.79% 0.2145 25.84) 35.5%, oklch(53.79% 0.2119 26.39) 38.7%, oklch(54.30% 0.2092 27.27) 41.9%, oklch(55.22% 0.2065 28.17) 45.2%, oklch(56.46% 0.2036 29.24) 48.4%, oklch(57.97% 0.2005 30.66) 51.6%, oklch(59.66% 0.1970 32.60) 54.8%, oklch(61.48% 0.1929 35.27) 58.1%, oklch(63.38% 0.1881 38.89) 61.3%, oklch(65.57% 0.1820 43.92) 64.5%, oklch(67.99% 0.1750 49.94) 67.7%, oklch(70.52% 0.1676 56.42) 71.0%, oklch(73.05% 0.1606 62.78) 74.2%, oklch(75.44% 0.1543 68.47) 77.4%, oklch(77.57% 0.1493 72.95) 80.6%, oklch(79.63% 0.1455 76.51) 83.9%, oklch(81.66% 0.1424 79.50) 87.1%, oklch(83.57% 0.1399 81.97) 90.3%, oklch(85.29% 0.1379 83.99) 93.5%, oklch(86.73% 0.1364 85.63) 96.8%, oklch(87.80% 0.1350 86.96) 100.0%);

Trong các bộ sưu tập này

Gradient Giáng sinh

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động