#2a0236
RGB ( 赤 = 42, 緑 = 2, 青 = 54 )
HSL ( 色相 = 286°, 彩度 = 93%, 明度 = 11% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #360702 : -280
16 : #361002 : -270
26 : #361902 : -260
36 : #362102 : -250
46 : #362a02 : -240
56 : #363302 : -230
66 : #313602 : -220
76 : #283602 : -210
86 : #203602 : -200
96 : #173602 : -190
106 : #0e3602 : -180
116 : #053602 : -170
126 : #023607 : -160
136 : #023610 : -150
146 : #023619 : -140
156 : #023621 : -130
166 : #02362a : -120
176 : #023633 : -110
186 : #023136 : -100
196 : #022836 : -90
206 : #022036 : -80
216 : #021736 : -70
226 : #020e36 : -60
236 : #020536 : -50
246 : #070236 : -40
256 : #100236 : -30
266 : #190236 : -20
276 : #210236 : -10
286 : #2a0236 : ±0
296 : #330236 : +10
306 : #360231 : +20
316 : #360228 : +30
326 : #360220 : +40
336 : #360217 : +50
346 : #36020e : +60
356 : #360205 : +70
276 : #210236 : -10
277 : #220236 : -9
278 : #230236 : -8
279 : #240236 : -7
280 : #250236 : -6
281 : #260236 : -5
282 : #260236 : -4
283 : #270236 : -3
284 : #280236 : -2
285 : #290236 : -1
286 : #2a0236 : ±0
287 : #2b0236 : +1
288 : #2c0236 : +2
289 : #2d0236 : +3
290 : #2d0236 : +4
291 : #2e0236 : +5
292 : #2f0236 : +6
293 : #300236 : +7
294 : #310236 : +8
295 : #320236 : +9
296 : #330236 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1c1c1c : -92
3 : #1c1b1d : -90
5 : #1d1b1d : -88
7 : #1d1a1e : -86
9 : #1d1a1f : -84
11 : #1e191f : -82
13 : #1e1820 : -80
15 : #1e1820 : -78
17 : #1f1721 : -76
19 : #1f1721 : -74
21 : #1f1622 : -72
23 : #1f1623 : -70
25 : #201523 : -68
27 : #201424 : -66
29 : #201424 : -64
31 : #211325 : -62
33 : #211325 : -60
35 : #211226 : -58
37 : #221226 : -56
39 : #221127 : -54
41 : #221128 : -52
43 : #221028 : -50
45 : #230f29 : -48
47 : #230f29 : -46
49 : #230e2a : -44
51 : #240e2a : -42
53 : #240d2b : -40
55 : #240d2b : -38
57 : #250c2c : -36
59 : #250c2d : -34
61 : #250b2d : -32
63 : #250a2e : -30
65 : #260a2e : -28
67 : #26092f : -26
69 : #26092f : -24
71 : #270830 : -22
73 : #270831 : -20
75 : #270731 : -18
77 : #280632 : -16
79 : #280632 : -14
81 : #280533 : -12
83 : #280533 : -10
85 : #290434 : -8
87 : #290434 : -6
89 : #290335 : -4
91 : #2a0336 : -2
93 : #2a0236 : ±0
95 : #2a0137 : +2
97 : #2b0137 : +4
99 : #2b0038 : +6
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -10
3 : #0b010f : -8
5 : #130119 : -6
7 : #1b0122 : -4
9 : #22022c : -2
11 : #2a0236 : ±0
13 : #320240 : +2
15 : #39034a : +4
17 : #410354 : +6
19 : #48035e : +8
21 : #500467 : +10
23 : #580471 : +12
25 : #5f047b : +14
27 : #670585 : +16
29 : #6f058f : +18
31 : #760699 : +20
33 : #7e06a2 : +22
35 : #8606ac : +24
37 : #8d07b6 : +26
39 : #9507c0 : +28
41 : #9c07ca : +30
43 : #a408d4 : +32
45 : #ac08dd : +34
47 : #b308e7 : +36
49 : #bb09f1 : +38
51 : #c00ef6 : +40
53 : #c318f7 : +42
55 : #c522f7 : +44
57 : #c82bf7 : +46
59 : #ca35f8 : +48
61 : #cd3ff8 : +50
63 : #cf49f8 : +52
65 : #d253f9 : +54
67 : #d55df9 : +56
69 : #d766f9 : +58
71 : #da70fa : +60
73 : #dc7afa : +62
75 : #df84fb : +64
77 : #e18efb : +66
79 : #e498fb : +68
81 : #e7a1fc : +70
83 : #e9abfc : +72
85 : #ecb5fc : +74
87 : #eebffd : +76
89 : #f1c9fd : +78
91 : #f3d3fd : +80
93 : #f6ddfe : +82
95 : #f9e6fe : +84
97 : #fbf0fe : +86
99 : #fefaff : +88
CSS入門、作ってます。
text-shadow