Xanh cổ vịt, xanh hải quân, xám và tím (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #609987, #1e1540, #937978, #926d82, #271d59. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #609987
- #599485
- #4f8e83
- #448680
- #387d7c
- #2b7378
- #1d6973
- #105e6e
- #065369
- #024763
- #053d5d
- #0a3357
- #0f2a51
- #13224c
- #171c47
- #1a1843
- #1e1540
- #23153f
- #29173f
- #301a40
- #381f41
- #412544
- #4a2c47
- #54344b
- #5d3d50
- #674655
- #704f5b
- #785960
- #7f6167
- #86696c
- #8b7071
- #907575
- #937978
- #957b7b
- #987d7d
- #9a7f7e
- #9b8080
- #9c8081
- #9d8082
- #9e7f82
- #9e7e83
- #9d7c83
- #9c7a83
- #9b7883
- #997583
- #977383
- #957083
- #926d82
- #8e6981
- #8a6580
- #84607e
- #7e5a7b
- #775479
- #6f4e76
- #674873
- #5f4270
- #563c6d
- #4e366a
- #463166
- #3e2c63
- #372760
- #31235e
- #2b205b
- #271d59
CSS
background: linear-gradient(135deg in oklch, oklch(63.78% 0.0661 172.27) 0.0%, oklch(62.20% 0.0667 176.38) 1.6%, oklch(60.09% 0.0675 181.39) 3.2%, oklch(57.52% 0.0686 187.21) 4.8%, oklch(54.59% 0.0698 193.72) 6.3%, oklch(51.39% 0.0712 200.82) 7.9%, oklch(48.00% 0.0726 208.41) 9.5%, oklch(44.52% 0.0740 216.38) 11.1%, oklch(41.03% 0.0754 224.63) 12.7%, oklch(37.62% 0.0766 233.05) 14.3%, oklch(34.39% 0.0777 241.53) 15.9%, oklch(31.42% 0.0787 249.98) 17.5%, oklch(28.80% 0.0793 258.29) 19.0%, oklch(26.62% 0.0797 266.35) 20.6%, oklch(24.97% 0.0796 274.06) 22.2%, oklch(23.94% 0.0792 281.32) 23.8%, oklch(23.61% 0.0783 288.04) 25.4%, oklch(24.02% 0.0767 294.81) 27.0%, oklch(25.08% 0.0745 301.81) 28.6%, oklch(26.72% 0.0718 308.97) 30.2%, oklch(28.83% 0.0686 316.20) 31.7%, oklch(31.34% 0.0651 323.42) 33.3%, oklch(34.15% 0.0614 330.55) 34.9%, oklch(37.18% 0.0576 337.51) 36.5%, oklch(40.34% 0.0537 344.22) 38.1%, oklch(43.55% 0.0498 350.60) 39.7%, oklch(46.72% 0.0462 356.56) 41.3%, oklch(49.75% 0.0427 2.03) 42.9%, oklch(52.57% 0.0397 6.92) 44.4%, oklch(55.08% 0.0370 11.16) 46.0%, oklch(57.20% 0.0350 14.65) 47.6%, oklch(58.84% 0.0335 17.33) 49.2%, oklch(59.96% 0.0328 19.10) 50.8%, oklch(60.85% 0.0325 19.98) 52.4%, oklch(61.55% 0.0327 20.04) 54.0%, oklch(62.07% 0.0332 19.35) 55.6%, oklch(62.43% 0.0341 18.00) 57.1%, oklch(62.63% 0.0352 16.08) 58.7%, oklch(62.69% 0.0367 13.66) 60.3%, oklch(62.59% 0.0383 10.83) 61.9%, oklch(62.37% 0.0402 7.67) 63.5%, oklch(62.02% 0.0422 4.26) 65.1%, oklch(61.55% 0.0444 0.68) 66.7%, oklch(60.97% 0.0467 357.02) 68.3%, oklch(60.29% 0.0490 353.35) 69.8%, oklch(59.52% 0.0513 349.76) 71.4%, oklch(58.66% 0.0536 346.34) 73.0%, oklch(57.73% 0.0559 343.15) 74.6%, oklch(56.65% 0.0583 340.08) 76.2%, oklch(55.28% 0.0609 336.68) 77.8%, oklch(53.64% 0.0639 332.98) 79.4%, oklch(51.79% 0.0670 329.04) 81.0%, oklch(49.77% 0.0704 324.93) 82.5%, oklch(47.61% 0.0739 320.71) 84.1%, oklch(45.37% 0.0774 316.43) 85.7%, oklch(43.08% 0.0809 312.16) 87.3%, oklch(40.79% 0.0845 307.95) 88.9%, oklch(38.54% 0.0879 303.86) 90.5%, oklch(36.38% 0.0911 299.96) 92.1%, oklch(34.34% 0.0942 296.31) 93.7%, oklch(32.48% 0.0970 292.96) 95.2%, oklch(30.83% 0.0995 289.97) 96.8%, oklch(29.44% 0.1016 287.41) 98.4%, oklch(28.35% 0.1033 285.34) 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
