Xanh dương nhạt, xám, tím đậm và hồng (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #b1cfe2, #5d8277, #904454, #a8bae2, #a9e6cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #b1cfe2
- #accdde
- #a7cbd8
- #a1c9d0
- #9cc6c7
- #97c2bc
- #95bdb1
- #93b8a5
- #91b29b
- #8eab91
- #89a489
- #829e83
- #78967e
- #6b8d7a
- #5d8277
- #517673
- #48696e
- #425c67
- #3f5060
- #3d4658
- #3c3e51
- #3c384b
- #3f3549
- #443449
- #4e344c
- #5b374f
- #6b3a52
- #7d3f54
- #904454
- #a24b55
- #b35255
- #c35a58
- #d0615e
- #da6869
- #df6e7a
- #e17690
- #de80aa
- #d68bc2
- #ca98d4
- #bca5e0
- #b0b0e4
- #a8bae2
- #a7c1dd
- #a9c6d9
- #adcad7
- #b0ced6
- #b2d1d6
- #b3d5d7
- #b2d7d7
- #b1dad7
- #afddd6
- #addfd5
- #abe2d4
- #a9e4d2
- #a9e5d0
- #a9e6cf
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.86% 0.0413 235.55) 0.0%, oklch(83.01% 0.0419 229.81) 1.8%, oklch(82.02% 0.0426 221.28) 3.6%, oklch(80.88% 0.0436 210.73) 5.5%, oklch(79.59% 0.0446 198.92) 7.3%, oklch(78.17% 0.0457 186.62) 9.1%, oklch(76.62% 0.0468 174.61) 10.9%, oklch(74.93% 0.0478 163.65) 12.7%, oklch(73.11% 0.0486 154.51) 14.5%, oklch(71.17% 0.0492 147.96) 16.4%, oklch(69.11% 0.0496 144.78) 18.2%, oklch(66.93% 0.0496 145.72) 20.0%, oklch(64.33% 0.0488 151.30) 21.8%, oklch(61.14% 0.0470 161.00) 23.6%, oklch(57.53% 0.0445 174.05) 25.5%, oklch(53.67% 0.0416 189.69) 27.3%, oklch(49.74% 0.0387 207.15) 29.1%, oklch(45.93% 0.0360 225.67) 30.9%, oklch(42.39% 0.0339 244.49) 32.7%, oklch(39.32% 0.0326 262.83) 34.5%, oklch(36.89% 0.0325 279.95) 36.4%, oklch(35.27% 0.0340 295.06) 38.2%, oklch(34.65% 0.0372 307.41) 40.0%, oklch(35.12% 0.0432 318.29) 41.8%, oklch(36.58% 0.0522 329.31) 43.6%, oklch(38.85% 0.0634 340.14) 45.5%, oklch(41.75% 0.0760 350.46) 47.3%, oklch(45.12% 0.0895 359.94) 49.1%, oklch(48.78% 0.1028 8.27) 50.9%, oklch(52.55% 0.1155 15.13) 52.7%, oklch(56.27% 0.1266 20.19) 54.5%, oklch(59.76% 0.1354 23.13) 56.4%, oklch(62.84% 0.1412 23.64) 58.2%, oklch(65.35% 0.1433 21.38) 60.0%, oklch(67.45% 0.1410 15.44) 61.8%, oklch(69.43% 0.1348 5.60) 63.6%, oklch(71.27% 0.1256 352.62) 65.5%, oklch(73.01% 0.1140 337.24) 67.3%, oklch(74.62% 0.1009 320.21) 69.1%, oklch(76.14% 0.0871 302.26) 70.9%, oklch(77.55% 0.0734 284.15) 72.7%, oklch(78.86% 0.0607 266.62) 74.5%, oklch(80.09% 0.0496 250.42) 76.4%, oklch(81.23% 0.0411 236.29) 78.2%, oklch(82.28% 0.0358 224.98) 80.0%, oklch(83.23% 0.0338 215.91) 81.8%, oklch(84.05% 0.0339 207.93) 83.6%, oklch(84.76% 0.0359 200.95) 85.5%, oklch(85.36% 0.0394 194.86) 87.3%, oklch(85.87% 0.0438 189.58) 89.1%, oklch(86.31% 0.0489 184.99) 90.9%, oklch(86.68% 0.0543 180.99) 92.7%, oklch(87.00% 0.0595 177.49) 94.5%, oklch(87.28% 0.0642 174.39) 96.4%, oklch(87.54% 0.0679 171.58) 98.2%, oklch(87.80% 0.0703 168.97) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
