Nâu vàng, xanh lá và xanh dương (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #d4b05d, #f2c583, #e7cf8a, #329f83, #123f84. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #d4b05d
- #d5b05e
- #d6b160
- #d7b261
- #d9b364
- #dbb566
- #deb669
- #e0b86c
- #e3ba6f
- #e5bc72
- #e8bd76
- #ebbf79
- #edc17c
- #f0c380
- #f2c583
- #f4c786
- #f6c988
- #f7ca8b
- #f9cc8d
- #f9cd8f
- #face90
- #facf91
- #f9d092
- #f8d192
- #f6d191
- #f4d190
- #f0d08f
- #ecd08d
- #e7cf8a
- #e1cd87
- #d9cb84
- #d0c981
- #c5c77e
- #bac47c
- #adc17a
- #9fbd79
- #90b979
- #80b57a
- #6fb07b
- #5cab7e
- #48a580
- #329f83
- #109886
- #009088
- #008888
- #008088
- #007887
- #007086
- #006984
- #006283
- #005c83
- #005583
- #004f84
- #004986
- #084486
- #123f84
CSS
background: linear-gradient(135deg in oklch, oklch(77.17% 0.1102 85.78) 0.0%, oklch(77.38% 0.1098 85.74) 1.8%, oklch(77.68% 0.1093 85.50) 3.6%, oklch(78.06% 0.1087 85.10) 5.5%, oklch(78.52% 0.1080 84.56) 7.3%, oklch(79.03% 0.1072 83.91) 9.1%, oklch(79.60% 0.1063 83.15) 10.9%, oklch(80.21% 0.1054 82.33) 12.7%, oklch(80.85% 0.1044 81.46) 14.5%, oklch(81.51% 0.1034 80.57) 16.4%, oklch(82.19% 0.1024 79.68) 18.2%, oklch(82.88% 0.1013 78.81) 20.0%, oklch(83.55% 0.1003 77.99) 21.8%, oklch(84.21% 0.0992 77.23) 23.6%, oklch(84.85% 0.0982 76.58) 25.5%, oklch(85.45% 0.0972 76.04) 27.3%, oklch(86.01% 0.0962 75.65) 29.1%, oklch(86.52% 0.0953 75.42) 30.9%, oklch(86.96% 0.0944 75.38) 32.7%, oklch(87.33% 0.0936 75.55) 34.5%, oklch(87.62% 0.0929 75.96) 36.4%, oklch(87.82% 0.0922 76.63) 38.2%, oklch(87.92% 0.0917 77.58) 40.0%, oklch(87.90% 0.0912 78.84) 41.8%, oklch(87.77% 0.0909 80.43) 43.6%, oklch(87.51% 0.0908 82.38) 45.5%, oklch(87.11% 0.0907 84.70) 47.3%, oklch(86.55% 0.0908 87.43) 49.1%, oklch(85.84% 0.0911 90.61) 50.9%, oklch(84.92% 0.0916 94.40) 52.7%, oklch(83.82% 0.0922 98.79) 54.5%, oklch(82.53% 0.0930 103.72) 56.4%, oklch(81.09% 0.0939 109.14) 58.2%, oklch(79.50% 0.0949 115.02) 60.0%, oklch(77.78% 0.0961 121.29) 61.8%, oklch(75.94% 0.0974 127.91) 63.6%, oklch(74.00% 0.0988 134.84) 65.5%, oklch(71.98% 0.1002 142.02) 67.3%, oklch(69.88% 0.1017 149.40) 69.1%, oklch(67.73% 0.1033 156.94) 70.9%, oklch(65.54% 0.1049 164.58) 72.7%, oklch(63.33% 0.1066 172.29) 74.5%, oklch(61.10% 0.1082 180.00) 76.4%, oklch(58.88% 0.1025 187.68) 78.2%, oklch(56.69% 0.0967 195.27) 80.0%, oklch(54.52% 0.0928 202.73) 81.8%, oklch(52.41% 0.0906 210.00) 83.6%, oklch(50.37% 0.0900 217.04) 85.5%, oklch(48.40% 0.0908 223.81) 87.3%, oklch(46.53% 0.0930 230.24) 89.1%, oklch(44.78% 0.0967 236.29) 90.9%, oklch(43.15% 0.1022 241.91) 92.7%, oklch(41.66% 0.1097 247.05) 94.5%, oklch(40.33% 0.1195 251.67) 96.4%, oklch(39.16% 0.1247 255.67) 98.2%, oklch(38.19% 0.1254 259.09) 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
