Xanh dương, tím, xám và xanh hải quân (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #303269, #6e47b0, #edc4d1, #755d7b, #242052. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #303269
- #31326c
- #32316f
- #333073
- #352f77
- #362d7b
- #392c80
- #3c2b85
- #402a8a
- #442b8f
- #4a2d94
- #51309a
- #5936a0
- #633ea8
- #6e47b0
- #7b51b9
- #885cc2
- #9667cb
- #a473d3
- #b27eda
- #bf88df
- #cb91e2
- #d498e3
- #dd9fe2
- #e4a6df
- #eaaeda
- #eeb6d6
- #efbdd3
- #edc4d1
- #e9cad0
- #e4ced0
- #ddcfd0
- #d6cfcf
- #cfcbcb
- #c8c5c5
- #c0baba
- #b6acae
- #ac9da2
- #a08c96
- #937c8b
- #846c83
- #755d7b
- #675075
- #594670
- #4e3e6b
- #453867
- #3e3363
- #382f60
- #342c5e
- #30295b
- #2d2759
- #2b2557
- #292456
- #272355
- #252153
- #242052
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.65% 0.0951 279.14) 0.0%, oklch(34.90% 0.0991 279.76) 1.8%, oklch(35.07% 0.1047 280.47) 3.6%, oklch(35.22% 0.1115 281.28) 5.5%, oklch(35.39% 0.1192 282.20) 7.3%, oklch(35.64% 0.1273 283.21) 9.1%, oklch(36.00% 0.1354 284.34) 10.9%, oklch(36.54% 0.1431 285.59) 12.7%, oklch(37.29% 0.1501 286.95) 14.5%, oklch(38.31% 0.1559 288.44) 16.4%, oklch(39.64% 0.1602 290.07) 18.2%, oklch(41.34% 0.1626 291.82) 20.0%, oklch(43.56% 0.1633 293.65) 21.8%, oklch(46.35% 0.1629 295.52) 23.6%, oklch(49.57% 0.1616 297.45) 25.5%, oklch(53.12% 0.1593 299.48) 27.3%, oklch(56.86% 0.1561 301.64) 29.1%, oklch(60.66% 0.1522 303.97) 30.9%, oklch(64.41% 0.1475 306.51) 32.7%, oklch(67.99% 0.1421 309.27) 34.5%, oklch(71.25% 0.1361 312.30) 36.4%, oklch(74.09% 0.1296 315.63) 38.2%, oklch(76.38% 0.1226 319.30) 40.0%, oklch(78.33% 0.1141 323.88) 41.8%, oklch(80.22% 0.1033 329.69) 43.6%, oklch(81.99% 0.0908 336.36) 45.5%, oklch(83.58% 0.0773 343.52) 47.3%, oklch(84.92% 0.0634 350.80) 49.1%, oklch(85.96% 0.0496 357.83) 50.9%, oklch(86.65% 0.0365 4.25) 52.7%, oklch(86.92% 0.0249 9.68) 54.5%, oklch(86.72% 0.0152 13.75) 56.4%, oklch(85.98% 0.0081 16.10) 58.2%, oklch(84.65% 0.0041 16.36) 60.0%, oklch(82.46% 0.0037 14.16) 61.8%, oklch(79.33% 0.0064 9.69) 63.6%, oklch(75.44% 0.0116 3.37) 65.5%, oklch(70.99% 0.0187 355.66) 67.3%, oklch(66.17% 0.0272 346.98) 69.1%, oklch(61.17% 0.0365 337.77) 70.9%, oklch(56.18% 0.0461 328.48) 72.7%, oklch(51.39% 0.0554 319.54) 74.5%, oklch(47.00% 0.0638 311.39) 76.4%, oklch(43.19% 0.0708 304.47) 78.2%, oklch(40.16% 0.0758 299.22) 80.0%, oklch(37.79% 0.0792 295.36) 81.8%, oklch(35.81% 0.0818 292.25) 83.6%, oklch(34.17% 0.0838 289.81) 85.5%, oklch(32.83% 0.0852 287.92) 87.3%, oklch(31.74% 0.0861 286.51) 89.1%, oklch(30.86% 0.0867 285.46) 90.9%, oklch(30.13% 0.0871 284.68) 92.7%, oklch(29.53% 0.0873 284.07) 94.5%, oklch(28.99% 0.0875 283.54) 96.4%, oklch(28.48% 0.0878 282.99) 98.2%, oklch(27.95% 0.0882 282.31) 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
