Xanh hải quân, tím và hồng (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #301961, #23124b, #ffe0c5, #c4b3e5, #a63b4a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #301961
- #2e1860
- #2c175e
- #29155c
- #261359
- #221056
- #1f0e53
- #1b0b50
- #18094c
- #15074a
- #140647
- #130646
- #130645
- #140745
- #170946
- #1c0d48
- #23124b
- #2d1850
- #3a2055
- #4a295b
- #5c3461
- #6f4066
- #834e6c
- #965e72
- #a86f78
- #b98080
- #c89389
- #d6a493
- #e2b59d
- #ecc3a8
- #f5d0b2
- #fcd9bb
- #ffe0c5
- #ffe5d0
- #ffe8d8
- #ffe8dc
- #ffe7de
- #ffe4df
- #ffe0df
- #ffdadf
- #ffd3e0
- #facde3
- #f1c8e6
- #e8c4e7
- #ddc0e8
- #d4bce8
- #cbb7e6
- #c4b3e5
- #c0afe2
- #bba9de
- #b8a2da
- #b69bd4
- #b492cc
- #b389c4
- #b27fb9
- #b276ae
- #b26ca1
- #b16393
- #b05a85
- #ae5277
- #ad4b6a
- #aa455d
- #a84053
- #a63b4a
CSS
background: linear-gradient(135deg in oklch, oklch(29.13% 0.1199 291.80) 0.0%, oklch(28.81% 0.1192 291.46) 1.6%, oklch(28.22% 0.1185 290.67) 3.2%, oklch(27.41% 0.1178 289.52) 4.8%, oklch(26.44% 0.1170 288.13) 6.3%, oklch(25.38% 0.1161 286.59) 7.9%, oklch(24.29% 0.1151 285.02) 9.5%, oklch(23.21% 0.1141 283.52) 11.1%, oklch(22.23% 0.1129 282.20) 12.7%, oklch(21.38% 0.1117 281.16) 14.3%, oklch(20.74% 0.1104 280.51) 15.9%, oklch(20.36% 0.1089 280.36) 17.5%, oklch(20.31% 0.1074 280.81) 19.0%, oklch(20.64% 0.1058 281.97) 20.6%, oklch(21.42% 0.1040 283.95) 22.2%, oklch(22.69% 0.1021 286.84) 23.8%, oklch(24.54% 0.1001 290.80) 25.4%, oklch(27.17% 0.0977 296.50) 27.0%, oklch(30.57% 0.0949 303.96) 28.6%, oklch(34.61% 0.0919 312.87) 30.2%, oklch(39.17% 0.0886 322.95) 31.7%, oklch(44.15% 0.0851 333.87) 33.3%, oklch(49.43% 0.0815 345.35) 34.9%, oklch(54.87% 0.0779 357.07) 36.5%, oklch(60.38% 0.0743 8.73) 38.1%, oklch(65.83% 0.0708 20.04) 39.7%, oklch(71.11% 0.0675 30.68) 41.3%, oklch(76.09% 0.0644 40.37) 42.9%, oklch(80.66% 0.0616 48.78) 44.4%, oklch(84.70% 0.0591 55.63) 46.0%, oklch(88.10% 0.0571 60.60) 47.6%, oklch(90.74% 0.0557 63.40) 49.2%, oklch(92.54% 0.0499 63.72) 50.8%, oklch(93.75% 0.0401 61.36) 52.4%, oklch(94.46% 0.0333 56.66) 54.0%, oklch(94.71% 0.0296 49.94) 55.6%, oklch(94.55% 0.0287 41.58) 57.1%, oklch(94.04% 0.0303 31.91) 58.7%, oklch(93.21% 0.0343 21.28) 60.3%, oklch(92.12% 0.0411 10.06) 61.9%, oklch(90.82% 0.0518 358.58) 63.5%, oklch(89.36% 0.0584 347.22) 65.1%, oklch(87.78% 0.0600 336.30) 66.7%, oklch(86.13% 0.0618 326.18) 68.3%, oklch(84.47% 0.0638 317.21) 69.8%, oklch(82.84% 0.0660 309.74) 71.4%, oklch(81.28% 0.0684 304.13) 73.0%, oklch(79.86% 0.0710 300.72) 74.6%, oklch(78.49% 0.0739 299.61) 76.2%, oklch(76.90% 0.0774 300.28) 77.8%, oklch(75.13% 0.0814 302.48) 79.4%, oklch(73.21% 0.0859 306.01) 81.0%, oklch(71.16% 0.0908 310.65) 82.5%, oklch(69.04% 0.0959 316.20) 84.1%, oklch(66.86% 0.1011 322.44) 85.7%, oklch(64.67% 0.1065 329.17) 87.3%, oklch(62.50% 0.1118 336.18) 88.9%, oklch(60.38% 0.1170 343.25) 90.5%, oklch(58.35% 0.1220 350.18) 92.1%, oklch(56.45% 0.1267 356.75) 93.7%, oklch(54.71% 0.1310 2.75) 95.2%, oklch(53.16% 0.1348 7.99) 96.8%, oklch(51.84% 0.1380 12.23) 98.4%, oklch(50.79% 0.1406 15.28) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
