Be, xanh dương, xanh cổ vịt và xám (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #b8c98a, #898445, #275f83, #e5dcb7, #79976f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #b8c98a
- #b6c688
- #b5c384
- #b4bf7f
- #b3ba7b
- #b1b675
- #b0b070
- #aeab6a
- #aca665
- #a9a060
- #a69b5b
- #a29656
- #9e9151
- #9a8d4d
- #95894a
- #8f8647
- #898445
- #808243
- #758044
- #687f46
- #587d4a
- #477a50
- #347757
- #1f745f
- #017066
- #006a6c
- #006671
- #006276
- #045f7a
- #145d7d
- #1e5c7f
- #245d81
- #275f83
- #2a6586
- #2d6c89
- #32768c
- #3a808f
- #458c92
- #559794
- #67a395
- #7bae97
- #90b89a
- #a4c19d
- #b7c8a2
- #c7cfa8
- #d5d5ae
- #dfd9b3
- #e5dcb7
- #e8ddb8
- #e8dcb8
- #e6d9b5
- #e1d6b1
- #dbd1ab
- #d4cca5
- #cbc69e
- #c1c096
- #b6ba8f
- #acb388
- #a1ad82
- #96a77c
- #8da278
- #849d74
- #7e9971
- #79976f
CSS
background: linear-gradient(135deg in oklch, oklch(80.71% 0.0854 120.94) 0.0%, oklch(79.98% 0.0854 120.05) 1.6%, oklch(79.09% 0.0855 118.53) 3.2%, oklch(78.06% 0.0855 116.52) 4.8%, oklch(76.90% 0.0855 114.15) 6.3%, oklch(75.63% 0.0855 111.55) 7.9%, oklch(74.28% 0.0856 108.85) 9.5%, oklch(72.86% 0.0856 106.17) 11.1%, oklch(71.39% 0.0856 103.66) 12.7%, oklch(69.90% 0.0856 101.44) 14.3%, oklch(68.40% 0.0856 99.64) 15.9%, oklch(66.92% 0.0856 98.40) 17.5%, oklch(65.46% 0.0856 97.83) 19.0%, oklch(64.06% 0.0856 98.08) 20.6%, oklch(62.73% 0.0856 99.27) 22.2%, oklch(61.49% 0.0855 101.54) 23.8%, oklch(60.35% 0.0854 105.05) 25.4%, oklch(59.12% 0.0854 110.51) 27.0%, oklch(57.75% 0.0854 117.93) 28.6%, oklch(56.29% 0.0856 126.97) 30.2%, oklch(54.76% 0.0857 137.29) 31.7%, oklch(53.22% 0.0858 148.57) 33.3%, oklch(51.70% 0.0860 160.46) 34.9%, oklch(50.25% 0.0861 172.64) 36.5%, oklch(48.89% 0.0861 184.77) 38.1%, oklch(47.68% 0.0812 196.51) 39.7%, oklch(46.66% 0.0801 207.55) 41.3%, oklch(45.85% 0.0821 217.52) 42.9%, oklch(45.30% 0.0854 226.08) 44.4%, oklch(45.07% 0.0848 232.94) 46.0%, oklch(45.17% 0.0841 237.74) 47.6%, oklch(45.66% 0.0832 240.15) 49.2%, oklch(46.61% 0.0821 239.83) 50.8%, oklch(48.21% 0.0805 236.68) 52.4%, oklch(50.41% 0.0786 231.05) 54.0%, oklch(53.11% 0.0764 223.28) 55.6%, oklch(56.22% 0.0740 213.73) 57.1%, oklch(59.62% 0.0713 202.78) 58.7%, oklch(63.24% 0.0686 190.79) 60.3%, oklch(66.97% 0.0659 178.11) 61.9%, oklch(70.72% 0.0631 165.10) 63.5%, oklch(74.38% 0.0605 152.13) 65.1%, oklch(77.87% 0.0580 139.57) 66.7%, oklch(81.07% 0.0557 127.76) 68.3%, oklch(83.91% 0.0536 117.09) 69.8%, oklch(86.27% 0.0519 107.89) 71.4%, oklch(88.07% 0.0506 100.55) 73.0%, oklch(89.20% 0.0497 95.41) 74.6%, oklch(89.62% 0.0494 92.54) 76.2%, oklch(89.44% 0.0495 91.27) 77.8%, oklch(88.73% 0.0499 91.38) 79.4%, oklch(87.56% 0.0507 92.70) 81.0%, oklch(86.01% 0.0518 95.05) 82.5%, oklch(84.15% 0.0532 98.25) 84.1%, oklch(82.04% 0.0547 102.13) 85.7%, oklch(79.77% 0.0563 106.50) 87.3%, oklch(77.40% 0.0580 111.18) 88.9%, oklch(75.01% 0.0597 116.01) 90.5%, oklch(72.67% 0.0614 120.79) 92.1%, oklch(70.44% 0.0630 125.35) 93.7%, oklch(68.41% 0.0645 129.52) 95.2%, oklch(66.64% 0.0658 133.11) 96.8%, oklch(65.20% 0.0668 135.94) 98.4%, oklch(64.17% 0.0675 137.85) 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
