Xanh lơ, be, xanh dương và xanh cổ vịt (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #47e1ff, #f6dab3, #efeac6, #005069, #42b68d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #47e1ff
- #49e3f8
- #4ee5f0
- #58e7e5
- #66e8d9
- #78e8cc
- #8ae8c0
- #9de7b4
- #afe5ab
- #c0e3a5
- #cee0a1
- #dadea1
- #e3dca3
- #ebdba6
- #f0daab
- #f4daaf
- #f6dab3
- #f8dbb7
- #faddbb
- #fddfbf
- #ffe2c3
- #ffe6cb
- #ffe9d2
- #ffedd8
- #fff0dd
- #fff2e1
- #fff4e4
- #fff5e4
- #fff4e0
- #fff3d8
- #fdf1cf
- #f7efcc
- #efeac6
- #e4e4bf
- #d6dcb7
- #c5d2ae
- #b2c7a5
- #9ebb9c
- #89af94
- #74a28c
- #609486
- #4d8780
- #3b7b7a
- #2b6f75
- #1e6571
- #125c6d
- #07556a
- #005069
- #004f68
- #004f69
- #00526b
- #00566e
- #005c72
- #006376
- #006c7b
- #007580
- #007f84
- #008988
- #00948b
- #009d8d
- #1ba68e
- #2dad8e
- #3ab28e
- #42b68d
CSS
background: linear-gradient(135deg in oklch, oklch(84.25% 0.1309 213.75) 0.0%, oklch(84.47% 0.1283 208.59) 1.6%, oklch(84.73% 0.1250 201.93) 3.2%, oklch(85.04% 0.1211 193.98) 4.8%, oklch(85.38% 0.1167 184.97) 6.3%, oklch(85.76% 0.1118 175.14) 7.9%, oklch(86.16% 0.1067 164.70) 9.5%, oklch(86.58% 0.1014 153.87) 11.1%, oklch(87.01% 0.0959 142.90) 12.7%, oklch(87.45% 0.0905 131.99) 14.3%, oklch(87.90% 0.0851 121.38) 15.9%, oklch(88.33% 0.0799 111.29) 17.5%, oklch(88.76% 0.0750 101.95) 19.0%, oklch(89.17% 0.0704 93.58) 20.6%, oklch(89.56% 0.0663 86.41) 22.2%, oklch(89.91% 0.0628 80.67) 23.8%, oklch(90.24% 0.0600 76.54) 25.4%, oklch(90.70% 0.0575 73.50) 27.0%, oklch(91.33% 0.0553 71.24) 28.6%, oklch(92.08% 0.0533 69.74) 30.2%, oklch(92.90% 0.0516 68.94) 31.7%, oklch(93.76% 0.0451 68.83) 33.3%, oklch(94.61% 0.0391 69.35) 34.9%, oklch(95.41% 0.0338 70.46) 36.5%, oklch(96.12% 0.0294 72.13) 38.1%, oklch(96.69% 0.0262 74.32) 39.7%, oklch(97.08% 0.0245 76.99) 41.3%, oklch(97.24% 0.0250 80.10) 42.9%, oklch(97.15% 0.0287 83.62) 44.4%, oklch(96.74% 0.0375 87.50) 46.0%, oklch(95.98% 0.0462 91.70) 47.6%, oklch(94.83% 0.0466 96.21) 49.2%, oklch(93.20% 0.0472 101.15) 50.8%, oklch(90.87% 0.0481 107.42) 52.4%, oklch(87.90% 0.0492 114.99) 54.0%, oklch(84.39% 0.0506 123.62) 55.6%, oklch(80.46% 0.0523 133.09) 57.1%, oklch(76.21% 0.0541 143.16) 58.7%, oklch(71.76% 0.0561 153.61) 60.3%, oklch(67.21% 0.0583 164.21) 61.9%, oklch(62.67% 0.0606 174.73) 63.5%, oklch(58.26% 0.0630 184.94) 65.1%, oklch(54.07% 0.0655 194.61) 66.7%, oklch(50.22% 0.0680 203.52) 68.3%, oklch(46.82% 0.0705 211.42) 69.8%, oklch(43.97% 0.0730 218.11) 71.4%, oklch(41.79% 0.0755 223.34) 73.0%, oklch(40.38% 0.0779 226.92) 74.6%, oklch(39.81% 0.0782 228.66) 76.2%, oklch(39.97% 0.0786 228.74) 77.8%, oklch(40.78% 0.0790 227.37) 79.4%, oklch(42.14% 0.0797 224.75) 81.0%, oklch(43.97% 0.0807 221.08) 82.5%, oklch(46.18% 0.0823 216.54) 84.1%, oklch(48.69% 0.0846 211.33) 85.7%, oklch(51.40% 0.0879 205.64) 87.3%, oklch(54.23% 0.0922 199.67) 88.9%, oklch(57.10% 0.0977 193.62) 90.5%, oklch(59.91% 0.1043 187.66) 92.1%, oklch(62.58% 0.1121 182.00) 93.7%, oklch(65.02% 0.1156 176.84) 95.2%, oklch(67.14% 0.1178 172.35) 96.8%, oklch(68.85% 0.1197 168.74) 98.4%, oklch(70.08% 0.1213 166.20) 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
