Xanh dương, hồng và tím (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #255d8c, #ba7784, #ba6585, #9b4c9b, #c75156. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #255d8c
- #2f5d8f
- #3a5e93
- #465f96
- #525f99
- #5f609c
- #6c629d
- #79639d
- #85659b
- #916799
- #9b6a95
- #a56d91
- #ad708d
- #b47388
- #ba7784
- #be7a80
- #c17e7d
- #c4807a
- #c68178
- #c78276
- #c78175
- #c88075
- #c87d75
- #c77a76
- #c67677
- #c4727a
- #c16d7d
- #be6981
- #ba6585
- #b5618a
- #b05d8f
- #aa5a93
- #a55897
- #9f569b
- #9a549e
- #9752a0
- #9451a1
- #9350a2
- #944fa1
- #954da0
- #984d9e
- #9b4c9b
- #9f4b98
- #a34a94
- #a74a90
- #ac498b
- #b04985
- #b44a7f
- #b84a79
- #bb4b73
- #be4c6d
- #c14d67
- #c34e62
- #c5505d
- #c65159
- #c75156
CSS
background: linear-gradient(135deg in oklch, oklch(46.46% 0.0965 247.50) 0.0%, oklch(47.13% 0.0961 252.07) 1.8%, oklch(48.01% 0.0955 257.93) 3.6%, oklch(49.06% 0.0947 264.92) 5.5%, oklch(50.25% 0.0938 272.87) 7.3%, oklch(51.56% 0.0928 281.59) 9.1%, oklch(52.96% 0.0917 290.93) 10.9%, oklch(54.43% 0.0906 300.71) 12.7%, oklch(55.93% 0.0894 310.76) 14.5%, oklch(57.45% 0.0884 320.91) 16.4%, oklch(58.95% 0.0874 330.98) 18.2%, oklch(60.41% 0.0865 340.81) 20.0%, oklch(61.81% 0.0857 350.22) 21.8%, oklch(63.10% 0.0852 359.04) 23.6%, oklch(64.28% 0.0848 7.11) 25.5%, oklch(65.31% 0.0848 14.24) 27.3%, oklch(66.16% 0.0850 20.27) 29.1%, oklch(66.81% 0.0855 25.03) 30.9%, oklch(67.24% 0.0864 28.35) 32.7%, oklch(67.41% 0.0878 30.08) 34.5%, oklch(67.35% 0.0896 30.28) 36.4%, oklch(67.07% 0.0918 29.12) 38.2%, oklch(66.61% 0.0944 26.76) 40.0%, oklch(65.98% 0.0974 23.38) 41.8%, oklch(65.22% 0.1006 19.13) 43.6%, oklch(64.35% 0.1041 14.19) 45.5%, oklch(63.38% 0.1077 8.71) 47.3%, oklch(62.36% 0.1114 2.86) 49.1%, oklch(61.30% 0.1151 356.80) 50.9%, oklch(60.23% 0.1189 350.71) 52.7%, oklch(59.18% 0.1226 344.75) 54.5%, oklch(58.16% 0.1262 339.08) 56.4%, oklch(57.20% 0.1296 333.86) 58.2%, oklch(56.34% 0.1329 329.27) 60.0%, oklch(55.59% 0.1358 325.46) 61.8%, oklch(54.97% 0.1384 322.61) 63.6%, oklch(54.53% 0.1407 320.87) 65.5%, oklch(54.26% 0.1425 320.39) 67.3%, oklch(54.13% 0.1440 320.91) 69.1%, oklch(54.11% 0.1453 322.26) 70.9%, oklch(54.18% 0.1464 324.34) 72.7%, oklch(54.33% 0.1473 327.05) 74.5%, oklch(54.55% 0.1480 330.32) 76.4%, oklch(54.84% 0.1486 334.04) 78.2%, oklch(55.17% 0.1490 338.12) 80.0%, oklch(55.55% 0.1493 342.47) 81.8%, oklch(55.95% 0.1495 347.00) 83.6%, oklch(56.37% 0.1497 351.62) 85.5%, oklch(56.80% 0.1498 356.24) 87.3%, oklch(57.22% 0.1498 0.75) 89.1%, oklch(57.63% 0.1498 5.08) 90.9%, oklch(58.01% 0.1498 9.13) 92.7%, oklch(58.35% 0.1498 12.80) 94.5%, oklch(58.65% 0.1499 16.00) 96.4%, oklch(58.89% 0.1500 18.65) 98.2%, oklch(59.06% 0.1502 20.65) 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
