Xanh dương, xanh cổ vịt và tím oải hương (ba tông) (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #215ae6, #005d62, #777d98, #b19bba, #0d8e8f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #215ae6
- #105ce2
- #0060d4
- #0064c1
- #0066b1
- #0067a4
- #006798
- #00668e
- #006485
- #00637c
- #006175
- #00606f
- #005f6a
- #005d65
- #005d62
- #005c5f
- #005c5e
- #005c5e
- #135d5e
- #1e5d61
- #275f64
- #30616a
- #396470
- #426877
- #4c6c7e
- #567085
- #61748b
- #6c7892
- #777d98
- #82829d
- #8c86a1
- #968ba5
- #9e8fa8
- #a693ab
- #ad97ad
- #b29aaf
- #b59cb1
- #b79db2
- #b89db4
- #b79db6
- #b59cb8
- #b19bba
- #ac99bd
- #a498bf
- #9c96c0
- #9195c1
- #8694c1
- #7893c0
- #6a92bc
- #5c92b8
- #4d91b2
- #3e91ab
- #3090a3
- #238f9b
- #178e95
- #0d8e8f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.36% 0.2205 263.67) 0.0%, oklch(52.05% 0.2156 261.41) 1.8%, oklch(51.60% 0.1938 258.32) 3.6%, oklch(51.03% 0.1651 254.49) 5.5%, oklch(50.36% 0.1427 250.05) 7.3%, oklch(49.62% 0.1253 245.15) 9.1%, oklch(48.83% 0.1117 239.91) 10.9%, oklch(48.01% 0.1011 234.46) 12.7%, oklch(47.18% 0.0929 228.93) 14.5%, oklch(46.37% 0.0867 223.45) 16.4%, oklch(45.60% 0.0820 218.15) 18.2%, oklch(44.89% 0.0786 213.15) 20.0%, oklch(44.27% 0.0762 208.58) 21.8%, oklch(43.75% 0.0747 204.59) 23.6%, oklch(43.36% 0.0737 201.28) 25.5%, oklch(43.12% 0.0733 198.80) 27.3%, oklch(43.06% 0.0733 197.28) 29.1%, oklch(43.19% 0.0735 196.84) 30.9%, oklch(43.53% 0.0678 197.60) 32.7%, oklch(44.14% 0.0630 199.83) 34.5%, oklch(45.07% 0.0588 203.87) 36.4%, oklch(46.28% 0.0551 209.51) 38.2%, oklch(47.74% 0.0518 216.54) 40.0%, oklch(49.40% 0.0490 224.72) 41.8%, oklch(51.23% 0.0467 233.83) 43.6%, oklch(53.19% 0.0447 243.63) 45.5%, oklch(55.24% 0.0431 253.90) 47.3%, oklch(57.33% 0.0418 264.41) 49.1%, oklch(59.45% 0.0409 274.93) 50.9%, oklch(61.53% 0.0403 285.22) 52.7%, oklch(63.55% 0.0399 295.07) 54.5%, oklch(65.46% 0.0398 304.24) 56.4%, oklch(67.23% 0.0400 312.51) 58.2%, oklch(68.82% 0.0403 319.64) 60.0%, oklch(70.18% 0.0408 325.40) 61.8%, oklch(71.28% 0.0414 329.57) 63.6%, oklch(72.09% 0.0422 331.92) 65.5%, oklch(72.56% 0.0430 332.23) 67.3%, oklch(72.73% 0.0444 330.57) 69.1%, oklch(72.65% 0.0463 327.16) 70.9%, oklch(72.34% 0.0487 322.19) 72.7%, oklch(71.82% 0.0515 315.88) 74.5%, oklch(71.13% 0.0547 308.40) 76.4%, oklch(70.29% 0.0581 299.96) 78.2%, oklch(69.33% 0.0618 290.77) 80.0%, oklch(68.28% 0.0656 281.01) 81.8%, oklch(67.16% 0.0695 270.88) 83.6%, oklch(66.00% 0.0734 260.59) 85.5%, oklch(64.83% 0.0773 250.33) 87.3%, oklch(63.68% 0.0810 240.30) 89.1%, oklch(62.58% 0.0847 230.70) 90.9%, oklch(61.54% 0.0880 221.73) 92.7%, oklch(60.60% 0.0911 213.57) 94.5%, oklch(59.79% 0.0938 206.44) 96.4%, oklch(59.14% 0.0961 200.53) 98.2%, oklch(58.66% 0.0978 196.04) 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
