Xanh hải quân, xanh dương và tím tông lạnh liền mạch (gradient hình nón)
Gradient hình nón, 80 màu, góc 90°: #13263a, #0459c4, #776aff, #6c56d4, #13263a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #13263a
- #12283d
- #122941
- #122b46
- #112d4b
- #103050
- #0f3256
- #0e355d
- #0c3863
- #0b3a6b
- #083d72
- #06407a
- #044382
- #02468a
- #004993
- #004c9b
- #004fa3
- #0052ab
- #0054b4
- #0157bc
- #0459c4
- #095bcc
- #0f5dd3
- #145fd9
- #1a61df
- #1f62e5
- #2463ea
- #2a64ee
- #3065f2
- #3665f6
- #3c65fa
- #4266fd
- #4966ff
- #5067ff
- #5768ff
- #5d69ff
- #636aff
- #686aff
- #6e6bff
- #726bff
- #776aff
- #7b6aff
- #7f69ff
- #8269ff
- #8668ff
- #8867ff
- #8a65ff
- #8c64ff
- #8e62ff
- #8e60ff
- #8f5eff
- #8e5dfc
- #8c5df9
- #8a5cf5
- #875bf1
- #835bed
- #7e5ae8
- #7959e2
- #7357db
- #6c56d4
- #6555cd
- #5e53c5
- #5751bd
- #504fb4
- #494dab
- #424ba2
- #3b4898
- #35458f
- #2f4386
- #2a407d
- #253d74
- #213a6b
- #1d3763
- #1a345b
- #183154
- #162f4d
- #152c48
- #142a42
- #13283e
- #13263a
CSS
background: conic-gradient(from 90deg in oklch, oklch(26.38% 0.0455 250.31) 0.0%, oklch(26.97% 0.0490 250.56) 1.3%, oklch(27.67% 0.0533 250.82) 2.5%, oklch(28.47% 0.0582 251.09) 3.8%, oklch(29.35% 0.0636 251.38) 5.1%, oklch(30.32% 0.0695 251.68) 6.3%, oklch(31.36% 0.0759 252.00) 7.6%, oklch(32.46% 0.0827 252.34) 8.9%, oklch(33.62% 0.0898 252.69) 10.1%, oklch(34.83% 0.0972 253.06) 11.4%, oklch(36.08% 0.1048 253.45) 12.7%, oklch(37.35% 0.1127 253.85) 13.9%, oklch(38.65% 0.1206 254.28) 15.2%, oklch(39.96% 0.1286 254.73) 16.5%, oklch(41.28% 0.1366 255.20) 17.7%, oklch(42.60% 0.1440 255.72) 19.0%, oklch(43.91% 0.1512 256.23) 20.3%, oklch(45.19% 0.1589 256.77) 21.5%, oklch(46.45% 0.1671 257.32) 22.8%, oklch(47.66% 0.1750 257.88) 24.1%, oklch(48.84% 0.1819 258.49) 25.3%, oklch(49.96% 0.1885 259.13) 26.6%, oklch(51.03% 0.1946 259.79) 27.8%, oklch(52.02% 0.2003 260.48) 29.1%, oklch(52.94% 0.2054 261.20) 30.4%, oklch(53.77% 0.2099 261.95) 31.6%, oklch(54.50% 0.2138 262.73) 32.9%, oklch(55.16% 0.2171 263.56) 34.2%, oklch(55.80% 0.2201 264.53) 35.4%, oklch(56.43% 0.2230 265.63) 36.7%, oklch(57.04% 0.2255 266.84) 38.0%, oklch(57.64% 0.2279 268.15) 39.2%, oklch(58.21% 0.2279 269.55) 40.5%, oklch(58.76% 0.2247 271.01) 41.8%, oklch(59.29% 0.2219 272.53) 43.0%, oklch(59.79% 0.2195 274.09) 44.3%, oklch(60.25% 0.2174 275.68) 45.6%, oklch(60.68% 0.2157 277.27) 46.8%, oklch(61.08% 0.2144 278.87) 48.1%, oklch(61.43% 0.2135 280.45) 49.4%, oklch(61.74% 0.2130 281.99) 50.6%, oklch(62.00% 0.2129 283.49) 51.9%, oklch(62.21% 0.2131 284.92) 53.2%, oklch(62.37% 0.2138 286.28) 54.4%, oklch(62.48% 0.2148 287.55) 55.7%, oklch(62.52% 0.2162 288.72) 57.0%, oklch(62.51% 0.2180 289.76) 58.2%, oklch(62.43% 0.2200 290.67) 59.5%, oklch(62.28% 0.2223 291.43) 60.8%, oklch(62.07% 0.2248 292.03) 62.0%, oklch(61.78% 0.2267 292.45) 63.3%, oklch(61.41% 0.2241 292.67) 64.6%, oklch(60.97% 0.2212 292.69) 65.8%, oklch(60.44% 0.2180 292.49) 67.1%, oklch(59.77% 0.2141 292.03) 68.4%, oklch(58.95% 0.2096 291.33) 69.6%, oklch(57.99% 0.2045 290.41) 70.9%, oklch(56.91% 0.1988 289.28) 72.2%, oklch(55.72% 0.1925 287.96) 73.4%, oklch(54.43% 0.1859 286.47) 74.7%, oklch(53.04% 0.1788 284.84) 75.9%, oklch(51.59% 0.1713 283.07) 77.2%, oklch(50.07% 0.1636 281.19) 78.5%, oklch(48.50% 0.1557 279.22) 79.7%, oklch(46.89% 0.1476 277.18) 81.0%, oklch(45.25% 0.1394 275.08) 82.3%, oklch(43.60% 0.1312 272.94) 83.5%, oklch(41.94% 0.1229 270.78) 84.8%, oklch(40.30% 0.1147 268.63) 86.1%, oklch(38.68% 0.1067 266.49) 87.3%, oklch(37.09% 0.0988 264.39) 88.6%, oklch(35.55% 0.0911 262.35) 89.9%, oklch(34.07% 0.0838 260.38) 91.1%, oklch(32.66% 0.0768 258.51) 92.4%, oklch(31.33% 0.0702 256.75) 93.7%, oklch(30.10% 0.0641 255.13) 94.9%, oklch(28.98% 0.0585 253.65) 96.2%, oklch(27.98% 0.0535 252.34) 97.5%, oklch(27.10% 0.0491 251.22) 98.7%, oklch(26.38% 0.0455 250.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
