Tím, xanh cổ vịt và xanh dương (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #cf6d94, #61649f, #02515e, #004964, #1a38a1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #cf6d94
- #cb6c97
- #c76b9a
- #c16a9d
- #bb6aa0
- #b469a3
- #ac68a5
- #a468a7
- #9b67a9
- #9267a9
- #8867a9
- #7e66a8
- #7466a6
- #6b65a3
- #61649f
- #57639b
- #4e6296
- #456190
- #3d608b
- #355e85
- #2e5d7f
- #285b79
- #225974
- #1d586f
- #18566a
- #135466
- #0e5363
- #085260
- #02515e
- #00505c
- #004f5b
- #004e59
- #004d59
- #004c59
- #004c59
- #004b5a
- #004b5a
- #004b5c
- #004a5d
- #004a5f
- #004a61
- #004964
- #004966
- #00496a
- #00486d
- #004871
- #004775
- #00467a
- #004580
- #004486
- #00428e
- #003f97
- #063c9c
- #103a9e
- #1639a0
- #1a38a1
CSS
background: linear-gradient(135deg in oklch, oklch(65.75% 0.1309 355.78) 0.0%, oklch(65.23% 0.1296 352.90) 1.8%, oklch(64.63% 0.1279 349.44) 3.6%, oklch(63.93% 0.1259 345.44) 5.5%, oklch(63.16% 0.1237 340.96) 7.3%, oklch(62.32% 0.1212 336.04) 9.1%, oklch(61.41% 0.1184 330.73) 10.9%, oklch(60.44% 0.1155 325.08) 12.7%, oklch(59.43% 0.1124 319.14) 14.5%, oklch(58.37% 0.1092 312.96) 16.4%, oklch(57.28% 0.1059 306.58) 18.2%, oklch(56.16% 0.1026 300.05) 20.0%, oklch(55.02% 0.0992 293.43) 21.8%, oklch(53.87% 0.0958 286.75) 23.6%, oklch(52.71% 0.0925 280.08) 25.5%, oklch(51.55% 0.0893 273.45) 27.3%, oklch(50.41% 0.0862 266.91) 29.1%, oklch(49.27% 0.0832 260.52) 30.9%, oklch(48.16% 0.0804 254.31) 32.7%, oklch(47.08% 0.0778 248.35) 34.5%, oklch(46.04% 0.0755 242.68) 36.4%, oklch(45.04% 0.0734 237.34) 38.2%, oklch(44.10% 0.0716 232.39) 40.0%, oklch(43.21% 0.0702 227.87) 41.8%, oklch(42.39% 0.0691 223.83) 43.6%, oklch(41.65% 0.0685 220.32) 45.5%, oklch(40.98% 0.0683 217.39) 47.3%, oklch(40.41% 0.0686 215.08) 49.1%, oklch(39.93% 0.0694 213.43) 50.9%, oklch(39.51% 0.0690 212.39) 52.7%, oklch(39.16% 0.0682 211.84) 54.5%, oklch(38.86% 0.0676 211.79) 56.4%, oklch(38.61% 0.0673 212.19) 58.2%, oklch(38.41% 0.0672 213.02) 60.0%, oklch(38.25% 0.0673 214.23) 61.8%, oklch(38.14% 0.0677 215.79) 63.6%, oklch(38.06% 0.0683 217.66) 65.5%, oklch(38.03% 0.0691 219.82) 67.3%, oklch(38.02% 0.0704 222.22) 69.1%, oklch(38.04% 0.0720 224.83) 70.9%, oklch(38.08% 0.0740 227.61) 72.7%, oklch(38.15% 0.0765 230.52) 74.5%, oklch(38.24% 0.0795 233.54) 76.4%, oklch(38.33% 0.0832 236.63) 78.2%, oklch(38.44% 0.0877 239.75) 80.0%, oklch(38.56% 0.0930 242.86) 81.8%, oklch(38.68% 0.0993 245.93) 83.6%, oklch(38.80% 0.1069 248.93) 85.5%, oklch(38.92% 0.1159 251.82) 87.3%, oklch(39.03% 0.1266 254.56) 89.1%, oklch(39.14% 0.1396 257.12) 90.9%, oklch(39.22% 0.1556 259.47) 92.7%, oklch(39.29% 0.1658 261.53) 94.5%, oklch(39.34% 0.1689 263.34) 96.4%, oklch(39.37% 0.1715 264.83) 98.2%, oklch(39.37% 0.1736 265.96) 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
