Xanh cổ vịt, nâu và hồng cánh sen (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #456e52, #234368, #8b5564, #bb7654, #ae2a5d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #456e52
- #406d54
- #3b6c55
- #346a57
- #2d6859
- #25655b
- #1c625d
- #145f5f
- #0c5b61
- #085763
- #095365
- #0e4f66
- #154a67
- #1c4668
- #234368
- #293f68
- #303c67
- #363a67
- #3c3966
- #423866
- #493866
- #503966
- #583b66
- #613e65
- #694165
- #724565
- #7b4a64
- #834f64
- #8b5564
- #925b63
- #996063
- #9f6663
- #a46c63
- #a97163
- #ad7563
- #b17962
- #b37b61
- #b57d5f
- #b77d5d
- #b87c5a
- #b97957
- #bb7654
- #bb7251
- #bc6e4e
- #bd684c
- #bd624b
- #bc5c4a
- #bc554b
- #ba4f4d
- #b9484f
- #b74251
- #b53c54
- #b33657
- #b1315a
- #af2d5c
- #ae2a5d
CSS
background: linear-gradient(135deg in oklch, oklch(50.00% 0.0648 153.98) 0.0%, oklch(49.55% 0.0651 158.02) 1.8%, oklch(48.93% 0.0656 162.81) 3.6%, oklch(48.17% 0.0662 168.29) 5.5%, oklch(47.29% 0.0668 174.39) 7.3%, oklch(46.32% 0.0675 181.04) 9.1%, oklch(45.28% 0.0682 188.16) 10.9%, oklch(44.20% 0.0690 195.68) 12.7%, oklch(43.10% 0.0698 203.54) 14.5%, oklch(42.01% 0.0706 211.66) 16.4%, oklch(40.96% 0.0714 219.97) 18.2%, oklch(39.97% 0.0722 228.40) 20.0%, oklch(39.06% 0.0730 236.88) 21.8%, oklch(38.27% 0.0738 245.33) 23.6%, oklch(37.62% 0.0745 253.70) 25.5%, oklch(37.13% 0.0752 261.90) 27.3%, oklch(36.83% 0.0759 269.86) 29.1%, oklch(36.74% 0.0765 277.52) 30.9%, oklch(36.90% 0.0770 284.80) 32.7%, oklch(37.34% 0.0774 291.84) 34.5%, oklch(38.10% 0.0775 299.19) 36.4%, oklch(39.15% 0.0774 306.83) 38.2%, oklch(40.45% 0.0771 314.70) 40.0%, oklch(41.97% 0.0767 322.70) 41.8%, oklch(43.66% 0.0762 330.78) 43.6%, oklch(45.49% 0.0756 338.86) 45.5%, oklch(47.41% 0.0751 346.85) 47.3%, oklch(49.39% 0.0745 354.69) 49.1%, oklch(51.39% 0.0741 2.30) 50.9%, oklch(53.38% 0.0738 9.61) 52.7%, oklch(55.30% 0.0738 16.55) 54.5%, oklch(57.13% 0.0739 23.03) 56.4%, oklch(58.82% 0.0743 28.98) 58.2%, oklch(60.33% 0.0750 34.33) 60.0%, oklch(61.64% 0.0762 39.01) 61.8%, oklch(62.69% 0.0777 42.93) 63.6%, oklch(63.45% 0.0797 46.03) 65.5%, oklch(63.89% 0.0822 48.23) 67.3%, oklch(64.05% 0.0854 49.38) 69.1%, oklch(63.96% 0.0893 49.54) 70.9%, oklch(63.66% 0.0938 48.83) 72.7%, oklch(63.17% 0.0988 47.33) 74.5%, oklch(62.52% 0.1041 45.16) 76.4%, oklch(61.73% 0.1098 42.41) 78.2%, oklch(60.82% 0.1158 39.19) 80.0%, oklch(59.83% 0.1219 35.61) 81.8%, oklch(58.78% 0.1281 31.76) 83.6%, oklch(57.69% 0.1342 27.75) 85.5%, oklch(56.59% 0.1402 23.68) 87.3%, oklch(55.51% 0.1461 19.65) 89.1%, oklch(54.47% 0.1517 15.77) 90.9%, oklch(53.50% 0.1569 12.14) 92.7%, oklch(52.62% 0.1616 8.86) 94.5%, oklch(51.85% 0.1658 6.03) 96.4%, oklch(51.24% 0.1694 3.77) 98.2%, oklch(50.79% 0.1722 2.16) 100.0%);Trong các bộ sưu tập này
Wasabi và tím mận kiểu editorial
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
