補色の青、グレーとタンの円錐グラデーション
補色の青、グレーとタンのパレット（32色）。 #4f688b, #385276, #20365e, #09223d, #392c39, #775e49, #c2942b, #dcb656。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム7個。
- #4f688b
- #4b6487
- #465f82
- #3f587c
- #385276
- #324c70
- #2d466b
- #284167
- #243b63
- #20365e
- #1c3159
- #182c52
- #102748
- #09223d
- #071e35
- #0c1c31
- #171d32
- #282336
- #392c39
- #4a393e
- #584744
- #665349
- #775e49
- #8a6844
- #9d733a
- #ad7d2f
- #b98828
- #c2942b
- #ca9e36
- #d2a843
- #d8b04f
- #dcb656
CSS
background: conic-gradient(from 315deg in oklch, oklch(51.18% 0.0634 257.34) 0.0%, oklch(49.84% 0.0641 257.26) 3.2%, oklch(47.94% 0.0651 257.10) 6.5%, oklch(45.73% 0.0662 256.97) 9.7%, oklch(43.43% 0.0675 256.99) 12.9%, oklch(41.27% 0.0687 257.26) 16.1%, oklch(39.32% 0.0704 257.97) 19.4%, oklch(37.36% 0.0728 259.09) 22.6%, oklch(35.42% 0.0752 260.38) 25.8%, oklch(33.52% 0.0767 261.58) 29.0%, oklch(31.69% 0.0764 262.46) 32.3%, oklch(29.74% 0.0735 261.77) 35.5%, oklch(27.26% 0.0679 257.73) 38.7%, oklch(24.81% 0.0608 253.27) 41.9%, oklch(23.00% 0.0533 251.64) 45.2%, oklch(22.45% 0.0467 256.07) 48.4%, oklch(23.75% 0.0414 270.09) 51.6%, oklch(26.96% 0.0349 295.41) 54.8%, oklch(31.43% 0.0285 327.28) 58.1%, oklch(36.51% 0.0242 0.29) 61.3%, oklch(41.52% 0.0242 29.04) 64.5%, oklch(45.87% 0.0307 48.53) 67.7%, oklch(50.10% 0.0462 60.63) 71.0%, oklch(54.36% 0.0676 68.11) 74.2%, oklch(58.51% 0.0904 72.68) 77.4%, oklch(62.40% 0.1102 76.02) 80.6%, oklch(65.91% 0.1227 79.80) 83.9%, oklch(69.22% 0.1278 83.04) 87.1%, oklch(72.34% 0.1284 85.02) 90.3%, oklch(75.13% 0.1264 86.16) 93.5%, oklch(77.44% 0.1239 86.87) 96.8%, oklch(79.13% 0.1226 87.56) 100.0%);