Xanh hải quân, xanh cổ vịt và xám (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #061b2a, #0e4a62, #297e8b, #71abab, #d9e0d0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #061b2a
- #061c2c
- #071e2f
- #072031
- #082234
- #082538
- #09283c
- #0a2b3f
- #0a2e43
- #0b3247
- #0b354c
- #0c3950
- #0c3c54
- #0d4058
- #0d435b
- #0e475f
- #0e4a62
- #0f4d65
- #0f5068
- #10536b
- #10576e
- #115a71
- #115d74
- #126176
- #136479
- #15677b
- #166a7e
- #196e80
- #1b7182
- #1e7484
- #217787
- #257b89
- #297e8b
- #2d818d
- #32848f
- #368792
- #3b8a94
- #3f8d97
- #449099
- #49939b
- #4d969d
- #5299a0
- #579ca2
- #5c9fa4
- #61a2a6
- #66a5a8
- #6ba8a9
- #71abab
- #76afac
- #7db2ad
- #83b6af
- #8bbab0
- #93beb2
- #9bc2b3
- #a3c6b5
- #abc9b8
- #b3cdba
- #bad0bd
- #c1d4c1
- #c7d7c4
- #cddac7
- #d2dcca
- #d6decd
- #d9e0d0
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0413 243.98) 0.0%, oklch(21.86% 0.0424 243.55) 1.6%, oklch(22.60% 0.0437 243.05) 3.2%, oklch(23.44% 0.0453 242.48) 4.8%, oklch(24.38% 0.0471 241.86) 6.3%, oklch(25.41% 0.0490 241.19) 7.9%, oklch(26.51% 0.0511 240.46) 9.5%, oklch(27.67% 0.0532 239.68) 11.1%, oklch(28.87% 0.0554 238.86) 12.7%, oklch(30.10% 0.0576 238.00) 14.3%, oklch(31.35% 0.0598 237.09) 15.9%, oklch(32.60% 0.0619 236.15) 17.5%, oklch(33.85% 0.0640 235.18) 19.0%, oklch(35.07% 0.0659 234.18) 20.6%, oklch(36.25% 0.0677 233.15) 22.2%, oklch(37.38% 0.0693 232.10) 23.8%, oklch(38.45% 0.0706 231.03) 25.4%, oklch(39.50% 0.0718 229.89) 27.0%, oklch(40.54% 0.0731 228.68) 28.6%, oklch(41.57% 0.0742 227.40) 30.2%, oklch(42.60% 0.0754 226.07) 31.7%, oklch(43.63% 0.0765 224.69) 33.3%, oklch(44.65% 0.0774 223.28) 34.9%, oklch(45.67% 0.0784 221.84) 36.5%, oklch(46.69% 0.0792 220.39) 38.1%, oklch(47.71% 0.0799 218.94) 39.7%, oklch(48.73% 0.0805 217.49) 41.3%, oklch(49.74% 0.0810 216.07) 42.9%, oklch(50.76% 0.0813 214.67) 44.4%, oklch(51.78% 0.0815 213.32) 46.0%, oklch(52.80% 0.0816 212.01) 47.6%, oklch(53.82% 0.0814 210.76) 49.2%, oklch(54.84% 0.0811 209.61) 50.8%, oklch(55.86% 0.0806 208.67) 52.4%, oklch(56.86% 0.0800 207.90) 54.0%, oklch(57.86% 0.0792 207.29) 55.6%, oklch(58.85% 0.0782 206.76) 57.1%, oklch(59.84% 0.0771 206.30) 58.7%, oklch(60.83% 0.0759 205.84) 60.3%, oklch(61.83% 0.0745 205.35) 61.9%, oklch(62.83% 0.0731 204.78) 63.5%, oklch(63.84% 0.0715 204.09) 65.1%, oklch(64.86% 0.0699 203.24) 66.7%, oklch(65.89% 0.0682 202.18) 68.3%, oklch(66.94% 0.0665 200.86) 69.8%, oklch(68.00% 0.0647 199.25) 71.4%, oklch(69.09% 0.0629 197.30) 73.0%, oklch(70.19% 0.0611 194.97) 74.6%, oklch(71.34% 0.0592 192.14) 76.2%, oklch(72.58% 0.0570 188.70) 77.8%, oklch(73.90% 0.0546 184.74) 79.4%, oklch(75.26% 0.0521 180.33) 81.0%, oklch(76.67% 0.0494 175.58) 82.5%, oklch(78.10% 0.0467 170.57) 84.1%, oklch(79.53% 0.0439 165.41) 85.7%, oklch(80.95% 0.0411 160.17) 87.3%, oklch(82.34% 0.0383 154.95) 88.9%, oklch(83.68% 0.0356 149.84) 90.5%, oklch(84.96% 0.0331 144.94) 92.1%, oklch(86.15% 0.0306 140.33) 93.7%, oklch(87.25% 0.0284 136.11) 95.2%, oklch(88.23% 0.0265 132.36) 96.8%, oklch(89.07% 0.0248 129.19) 98.4%, oklch(89.76% 0.0234 126.68) 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
