#400193
RGB
赤 | 64 |
---|---|
緑 | 1 |
青 | 147 |
HSL
色相 | 266° |
---|---|
彩度 | 99% |
明度 | 29% |
輝度 | 14% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 64, 緑 = 1, 青 = 147 )
HSL ( 色相 = 266°, 彩度 = 99%, 明度 = 29% )
H : 色相 ( 266° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #930f01 : -260
16 : #932801 : -250
26 : #934001 : -240
36 : #935901 : -230
46 : #937101 : -220
56 : #938901 : -210
66 : #859301 : -200
76 : #6c9301 : -190
86 : #549301 : -180
96 : #3b9301 : -170
106 : #239301 : -160
116 : #0b9301 : -150
126 : #01930f : -140
136 : #019328 : -130
146 : #019340 : -120
156 : #019359 : -110
166 : #019371 : -100
176 : #019389 : -90
186 : #018593 : -80
196 : #016c93 : -70
206 : #015493 : -60
216 : #013b93 : -50
226 : #012393 : -40
236 : #010b93 : -30
246 : #0f0193 : -20
256 : #280193 : -10
266 : #400193 : ±0
276 : #590193 : +10
286 : #710193 : +20
296 : #890193 : +30
306 : #930185 : +40
316 : #93016c : +50
326 : #930154 : +60
336 : #93013b : +70
346 : #930123 : +80
356 : #93010b : +90
256 : #280193 : -10
257 : #2a0193 : -9
258 : #2d0193 : -8
259 : #2f0193 : -7
260 : #320193 : -6
261 : #340193 : -5
262 : #360193 : -4
263 : #390193 : -3
264 : #3b0193 : -2
265 : #3e0193 : -1
266 : #400193 : ±0
267 : #430193 : +1
268 : #450193 : +2
269 : #480193 : +3
270 : #4a0193 : +4
271 : #4c0193 : +5
272 : #4f0193 : +6
273 : #510193 : +7
274 : #540193 : +8
275 : #560193 : +9
276 : #590193 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4a494b : -98
3 : #4a484c : -96
5 : #49464e : -94
7 : #49454f : -92
9 : #494351 : -90
11 : #494252 : -88
13 : #494054 : -86
15 : #483f55 : -84
17 : #483d57 : -82
19 : #483c58 : -80
21 : #483a59 : -78
23 : #48395b : -76
25 : #47375c : -74
27 : #47365e : -72
29 : #47355f : -70
31 : #473361 : -68
33 : #473262 : -66
35 : #463064 : -64
37 : #462f65 : -62
39 : #462d67 : -60
41 : #462c68 : -58
43 : #462a6a : -56
45 : #46296b : -54
47 : #45276d : -52
49 : #45266e : -50
51 : #452470 : -48
53 : #452371 : -46
55 : #452173 : -44
57 : #442074 : -42
59 : #441e76 : -40
61 : #441d77 : -38
63 : #441b79 : -36
65 : #441a7a : -34
67 : #43187b : -32
69 : #43177d : -30
71 : #43157e : -28
73 : #431480 : -26
75 : #431281 : -24
77 : #421183 : -22
79 : #421084 : -20
81 : #420e86 : -18
83 : #420d87 : -16
85 : #420b89 : -14
87 : #410a8a : -12
89 : #41088c : -10
91 : #41078d : -8
93 : #41058f : -6
95 : #410490 : -4
97 : #400292 : -2
99 : #400193 : ±0
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #020005 : -28
3 : #07000f : -26
5 : #0b0019 : -24
7 : #0f0024 : -22
9 : #14002e : -20
11 : #180038 : -18
13 : #1d0042 : -16
15 : #21004c : -14
17 : #260056 : -12
19 : #2a0060 : -10
21 : #2e016b : -8
23 : #330175 : -6
25 : #37017f : -4
27 : #3c0189 : -2
29 : #400193 : ±0
31 : #45019d : +2
33 : #4901a7 : +4
35 : #4d01b2 : +6
37 : #5201bc : +8
39 : #5601c6 : +10
41 : #5b01d0 : +12
43 : #5f01da : +14
45 : #6401e4 : +16
47 : #6801ef : +18
49 : #6c01f9 : +20
51 : #7206fe : +22
53 : #7710fe : +24
55 : #7d1bfe : +26
57 : #8325fe : +28
59 : #892ffe : +30
61 : #8e39fe : +32
63 : #9443fe : +34
65 : #9a4dfe : +36
67 : #a058fe : +38
69 : #a662fe : +40
71 : #ab6cfe : +42
73 : #b176fe : +44
75 : #b780fe : +46
77 : #bd8afe : +48
79 : #c294fe : +50
81 : #c89fff : +52
83 : #cea9ff : +54
85 : #d4b3ff : +56
87 : #d9bdff : +58
89 : #dfc7ff : +60
91 : #e5d1ff : +62
93 : #ebdbff : +64
95 : #f1e6ff : +66
97 : #f6f0ff : +68
99 : #fcfaff : +70
CSS入門、作ってます。
text-shadow