#380b60
RGB ( 赤 = 56, 緑 = 11, 青 = 96 )
HSL ( 色相 = 272°, 彩度 = 79%, 明度 = 21% )
H : 色相 ( 272° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #600e0b : -270
12 : #601c0b : -260
22 : #602a0b : -250
32 : #60380b : -240
42 : #60460b : -230
52 : #60550b : -220
62 : #5d600b : -210
72 : #4f600b : -200
82 : #41600b : -190
92 : #33600b : -180
102 : #25600b : -170
112 : #17600b : -160
122 : #0b600e : -150
132 : #0b601c : -140
142 : #0b602a : -130
152 : #0b6038 : -120
162 : #0b6046 : -110
172 : #0b6055 : -100
182 : #0b5d60 : -90
192 : #0b4f60 : -80
202 : #0b4160 : -70
212 : #0b3360 : -60
222 : #0b2560 : -50
232 : #0b1760 : -40
242 : #0e0b60 : -30
252 : #1c0b60 : -20
262 : #2a0b60 : -10
272 : #380b60 : ±0
282 : #460b60 : +10
292 : #550b60 : +20
302 : #600b5d : +30
312 : #600b4f : +40
322 : #600b41 : +50
332 : #600b33 : +60
342 : #600b25 : +70
352 : #600b17 : +80
262 : #2a0b60 : -10
263 : #2c0b60 : -9
264 : #2d0b60 : -8
265 : #2e0b60 : -7
266 : #300b60 : -6
267 : #310b60 : -5
268 : #330b60 : -4
269 : #340b60 : -3
270 : #360b60 : -2
271 : #370b60 : -1
272 : #380b60 : ±0
273 : #3a0b60 : +1
274 : #3b0b60 : +2
275 : #3d0b60 : +3
276 : #3e0b60 : +4
277 : #3f0b60 : +5
278 : #410b60 : +6
279 : #420b60 : +7
280 : #440b60 : +8
281 : #450b60 : +9
282 : #460b60 : +10
S : 彩度 ( 79% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -78
3 : #363437 : -76
5 : #363338 : -74
7 : #363239 : -72
9 : #36313a : -70
11 : #36303b : -68
13 : #362f3d : -66
15 : #362e3e : -64
17 : #362c3f : -62
19 : #362b40 : -60
21 : #362a41 : -58
23 : #362942 : -56
25 : #362843 : -54
27 : #372744 : -52
29 : #372645 : -50
31 : #372546 : -48
33 : #372447 : -46
35 : #372348 : -44
37 : #372249 : -42
39 : #37214a : -40
41 : #37204c : -38
43 : #371f4d : -36
45 : #371d4e : -34
47 : #371c4f : -32
49 : #371b50 : -30
51 : #371a51 : -28
53 : #371952 : -26
55 : #381853 : -24
57 : #381754 : -22
59 : #381655 : -20
61 : #381556 : -18
63 : #381457 : -16
65 : #381358 : -14
67 : #381259 : -12
69 : #38115a : -10
71 : #38105c : -8
73 : #380e5d : -6
75 : #380d5e : -4
77 : #380c5f : -2
79 : #380b60 : ±0
81 : #380a61 : +2
83 : #390962 : +4
85 : #390863 : +6
87 : #390764 : +8
89 : #390665 : +10
91 : #390566 : +12
93 : #390467 : +14
95 : #390368 : +16
97 : #390269 : +18
99 : #39016b : +20
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030105 : -20
3 : #08020e : -18
5 : #0d0317 : -16
7 : #130420 : -14
9 : #180529 : -12
11 : #1e0632 : -10
13 : #23073b : -8
15 : #280844 : -6
17 : #2e094e : -4
19 : #330a57 : -2
21 : #380b60 : ±0
23 : #3e0c69 : +2
25 : #430d72 : +4
27 : #480e7b : +6
29 : #4e1084 : +8
31 : #53118d : +10
33 : #591297 : +12
35 : #5e13a0 : +14
37 : #6314a9 : +16
39 : #6915b2 : +18
41 : #6e16bb : +20
43 : #7317c4 : +22
45 : #7918cd : +24
47 : #7e19d7 : +26
49 : #841ae0 : +28
51 : #891fe5 : +30
53 : #8d28e6 : +32
55 : #9232e7 : +34
57 : #973be8 : +36
59 : #9c44e9 : +38
61 : #a14dea : +40
63 : #a656eb : +42
65 : #aa5fec : +44
67 : #af68ed : +46
69 : #b472ee : +48
71 : #b97bef : +50
73 : #be84f1 : +52
75 : #c38df2 : +54
77 : #c796f3 : +56
79 : #cc9ff4 : +58
81 : #d1a8f5 : +60
83 : #d6b1f6 : +62
85 : #dbbbf7 : +64
87 : #e0c4f8 : +66
89 : #e4cdf9 : +68
91 : #e9d6fa : +70
93 : #eedffb : +72
95 : #f3e8fc : +74
97 : #f8f1fd : +76
99 : #fdfafe : +78
CSS入門、作ってます。
text-shadow