Cầu vồng từ đen sang tím tông trầm (gradient xuyên tâm)
Gradient xuyên tâm, 80 màu: #14100f, #352118, #57412b, #1a645c, #9b476b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #14100f
- #15100f
- #16110f
- #171110
- #191210
- #1a1211
- #1c1311
- #1d1411
- #1f1412
- #201512
- #221613
- #241713
- #261814
- #281914
- #2a1a15
- #2c1b16
- #2e1c16
- #2f1d17
- #311e17
- #331f18
- #352118
- #362219
- #38231a
- #3a251b
- #3c261c
- #3e271e
- #40291f
- #422b20
- #442c22
- #462e23
- #473024
- #493126
- #4b3327
- #4d3528
- #4f3629
- #51382a
- #523a2a
- #543c2b
- #553d2b
- #563f2b
- #57412b
- #57422a
- #57442a
- #57462a
- #574829
- #564a29
- #554c2a
- #534e2a
- #51502c
- #4e522d
- #4b5430
- #475633
- #435936
- #3f5b3b
- #395c3f
- #345e44
- #2e604a
- #276150
- #206356
- #1a645c
- #136463
- #0d656a
- #0b6571
- #106579
- #1a6480
- #256387
- #31618d
- #3d5f92
- #485d95
- #545a97
- #5f5797
- #695495
- #725292
- #7b4f8e
- #834d88
- #8a4b82
- #8f497c
- #944876
- #984770
- #9b476b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0083 30.94) 0.0%, oklch(17.96% 0.0090 31.25) 1.3%, oklch(18.25% 0.0099 31.60) 2.5%, oklch(18.57% 0.0110 31.98) 3.8%, oklch(18.92% 0.0121 32.39) 5.1%, oklch(19.29% 0.0134 32.83) 6.3%, oklch(19.70% 0.0148 33.31) 7.6%, oklch(20.13% 0.0162 33.81) 8.9%, oklch(20.58% 0.0177 34.35) 10.1%, oklch(21.05% 0.0193 34.91) 11.4%, oklch(21.54% 0.0209 35.50) 12.7%, oklch(22.05% 0.0225 36.12) 13.9%, oklch(22.57% 0.0240 36.77) 15.2%, oklch(23.10% 0.0256 37.44) 16.5%, oklch(23.63% 0.0271 38.13) 17.7%, oklch(24.18% 0.0286 38.85) 19.0%, oklch(24.72% 0.0300 39.59) 20.3%, oklch(25.27% 0.0314 40.36) 21.5%, oklch(25.82% 0.0326 41.14) 22.8%, oklch(26.37% 0.0337 41.95) 24.1%, oklch(26.91% 0.0347 42.76) 25.3%, oklch(27.47% 0.0355 43.44) 26.6%, oklch(28.05% 0.0363 43.95) 27.8%, oklch(28.66% 0.0370 44.33) 29.1%, oklch(29.29% 0.0376 44.62) 30.4%, oklch(29.93% 0.0381 44.84) 31.6%, oklch(30.59% 0.0385 45.04) 32.9%, oklch(31.26% 0.0390 45.25) 34.2%, oklch(31.93% 0.0394 45.51) 35.4%, oklch(32.60% 0.0397 45.85) 36.7%, oklch(33.27% 0.0401 46.32) 38.0%, oklch(33.94% 0.0405 46.94) 39.2%, oklch(34.60% 0.0409 47.76) 40.5%, oklch(35.25% 0.0413 48.80) 41.8%, oklch(35.89% 0.0417 50.11) 43.0%, oklch(36.51% 0.0422 51.73) 44.3%, oklch(37.10% 0.0428 53.68) 45.6%, oklch(37.68% 0.0435 56.01) 46.8%, oklch(38.22% 0.0442 58.74) 48.1%, oklch(38.73% 0.0450 61.93) 49.4%, oklch(39.21% 0.0459 65.58) 50.6%, oklch(39.67% 0.0469 69.65) 51.9%, oklch(40.10% 0.0479 74.09) 53.2%, oklch(40.50% 0.0489 78.89) 54.4%, oklch(40.89% 0.0500 84.02) 55.7%, oklch(41.26% 0.0510 89.46) 57.0%, oklch(41.62% 0.0522 95.18) 58.2%, oklch(41.96% 0.0533 101.18) 59.5%, oklch(42.28% 0.0545 107.41) 60.8%, oklch(42.60% 0.0558 113.86) 62.0%, oklch(42.91% 0.0570 120.51) 63.3%, oklch(43.21% 0.0584 127.34) 64.6%, oklch(43.51% 0.0598 134.32) 65.8%, oklch(43.80% 0.0612 141.42) 67.1%, oklch(44.09% 0.0627 148.63) 68.4%, oklch(44.38% 0.0643 155.93) 69.6%, oklch(44.68% 0.0659 163.28) 70.9%, oklch(44.97% 0.0676 170.68) 72.2%, oklch(45.28% 0.0694 178.09) 73.4%, oklch(45.59% 0.0712 185.49) 74.7%, oklch(45.91% 0.0731 193.05) 75.9%, oklch(46.24% 0.0753 201.19) 77.2%, oklch(46.58% 0.0776 209.84) 78.5%, oklch(46.93% 0.0801 218.93) 79.7%, oklch(47.27% 0.0828 228.36) 81.0%, oklch(47.62% 0.0855 238.06) 82.3%, oklch(47.97% 0.0884 247.94) 83.5%, oklch(48.32% 0.0912 257.92) 84.8%, oklch(48.66% 0.0941 267.91) 86.1%, oklch(49.00% 0.0970 277.84) 87.3%, oklch(49.33% 0.0999 287.63) 88.6%, oklch(49.64% 0.1027 297.18) 89.9%, oklch(49.95% 0.1055 306.42) 91.1%, oklch(50.24% 0.1081 315.26) 92.4%, oklch(50.52% 0.1105 323.62) 93.7%, oklch(50.77% 0.1129 331.43) 94.9%, oklch(51.01% 0.1150 338.58) 96.2%, oklch(51.22% 0.1169 345.01) 97.5%, oklch(51.41% 0.1185 350.63) 98.7%, oklch(51.57% 0.1199 355.36) 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
