Đen, xanh dương, tím và xám (sọc màu hình nón)

Sọc màu hình nón, 64 màu, góc 225°: #171b22, #244883, #5952b1, #b2689a, #e8d9c8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#171b22
#171c25
#181e29
#19202d
#1a2332
#1b2537
#1c283d
#1d2b43
#1d2e4a
#1e3151
#1f3558
#20385f
#203b67
#213f6e
#224275
#23457c
#244883
#264b8a
#284e90
#2b5096
#2e529b
#3154a0
#3555a3
#3856a7
#3c56a9
#3f56ac
#4356ae
#4656af
#4a55b0
#4e55b1
#5154b1
#5553b1
#5952b1
#5d51b1
#6151b0
#6650af
#6a50ae
#6f50ad
#7450ab
#7a50aa
#8051a9
#8652a7
#8c54a5
#9357a4
#9b5aa2
#a35e9f
#ab629d
#b2689a
#ba6e98
#c17596
#c87c94
#cd8493
#d28c93
#d69595
#da9e97
#dda69b
#dfaf9f
#e1b7a5
#e2beab
#e4c5b1
#e5ccb7
#e6d1be
#e7d6c3
#e8d9c8

CSS

background: conic-gradient(from 225deg, oklch(22.05% 0.0152 261.56) 0.000% 1.563%, oklch(22.69% 0.0183 261.57) 1.563% 3.125%, oklch(23.46% 0.0220 261.48) 3.125% 4.688%, oklch(24.36% 0.0264 261.33) 4.688% 6.250%, oklch(25.35% 0.0314 261.12) 6.250% 7.813%, oklch(26.45% 0.0368 260.87) 7.813% 9.375%, oklch(27.62% 0.0427 260.60) 9.375% 10.938%, oklch(28.86% 0.0488 260.31) 10.938% 12.500%, oklch(30.15% 0.0553 260.03) 12.500% 14.063%, oklch(31.49% 0.0619 259.77) 14.063% 15.625%, oklch(32.85% 0.0686 259.54) 15.625% 17.188%, oklch(34.23% 0.0754 259.37) 17.188% 18.750%, oklch(35.61% 0.0821 259.26) 18.750% 20.313%, oklch(36.98% 0.0888 259.23) 20.313% 21.875%, oklch(38.33% 0.0952 259.29) 21.875% 23.438%, oklch(39.65% 0.1015 259.47) 23.438% 25.000%, oklch(40.91% 0.1073 259.77) 25.000% 26.563%, oklch(42.12% 0.1129 260.21) 26.563% 28.125%, oklch(43.25% 0.1179 260.80) 28.125% 29.688%, oklch(44.29% 0.1224 261.57) 29.688% 31.250%, oklch(45.23% 0.1263 262.52) 31.250% 32.813%, oklch(46.06% 0.1295 263.68) 32.813% 34.375%, oklch(46.77% 0.1323 264.97) 34.375% 35.938%, oklch(47.35% 0.1348 266.34) 35.938% 37.500%, oklch(47.84% 0.1370 267.79) 37.500% 39.063%, oklch(48.23% 0.1390 269.33) 39.063% 40.625%, oklch(48.54% 0.1408 270.96) 40.625% 42.188%, oklch(48.79% 0.1423 272.68) 42.188% 43.750%, oklch(48.99% 0.1436 274.52) 43.750% 45.313%, oklch(49.16% 0.1446 276.46) 45.313% 46.875%, oklch(49.30% 0.1454 278.52) 46.875% 48.438%, oklch(49.44% 0.1459 280.70) 48.438% 50.000%, oklch(49.58% 0.1462 283.01) 50.000% 51.563%, oklch(49.74% 0.1462 285.45) 51.563% 53.125%, oklch(49.93% 0.1460 288.03) 53.125% 54.688%, oklch(50.17% 0.1455 290.76) 54.688% 56.250%, oklch(50.48% 0.1448 293.64) 56.250% 57.813%, oklch(50.85% 0.1438 296.67) 57.813% 59.375%, oklch(51.32% 0.1426 299.87) 59.375% 60.938%, oklch(51.88% 0.1411 303.23) 60.938% 62.500%, oklch(52.56% 0.1393 306.77) 62.500% 64.063%, oklch(53.38% 0.1373 310.49) 64.063% 65.625%, oklch(54.33% 0.1350 314.40) 65.625% 67.188%, oklch(55.46% 0.1323 318.67) 67.188% 68.750%, oklch(56.77% 0.1288 323.46) 68.750% 70.313%, oklch(58.24% 0.1248 328.69) 70.313% 71.875%, oklch(59.85% 0.1202 334.31) 71.875% 73.438%, oklch(61.58% 0.1152 340.26) 73.438% 75.000%, oklch(63.41% 0.1098 346.48) 75.000% 76.563%, oklch(65.33% 0.1040 352.91) 76.563% 78.125%, oklch(67.30% 0.0980 359.49) 78.125% 79.688%, oklch(69.31% 0.0918 6.17) 79.688% 81.250%, oklch(71.35% 0.0855 12.87) 81.250% 82.813%, oklch(73.38% 0.0792 19.55) 82.813% 84.375%, oklch(75.40% 0.0728 26.14) 84.375% 85.938%, oklch(77.38% 0.0666 32.59) 85.938% 87.500%, oklch(79.29% 0.0606 38.82) 87.500% 89.063%, oklch(81.13% 0.0548 44.79) 89.063% 90.625%, oklch(82.87% 0.0493 50.44) 90.625% 92.188%, oklch(84.49% 0.0442 55.70) 92.188% 93.750%, oklch(85.97% 0.0395 60.52) 93.750% 95.313%, oklch(87.29% 0.0354 64.83) 95.313% 96.875%, oklch(88.43% 0.0318 68.58) 96.875% 98.438%, oklch(89.37% 0.0289 71.70) 98.438% 100.000%);

Trong các bộ sưu tập này

Sắc kính màu ghép

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động