#220827
RGB ( 赤 = 34, 緑 = 8, 青 = 39 )
HSL ( 色相 = 290°, 彩度 = 66%, 明度 = 9% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #260808 : -290
10 : #260d08 : -280
20 : #261208 : -270
30 : #261708 : -260
40 : #261c08 : -250
50 : #262108 : -240
60 : #262608 : -230
70 : #212608 : -220
80 : #1c2608 : -210
90 : #172608 : -200
100 : #122608 : -190
110 : #0d2608 : -180
120 : #082608 : -170
130 : #08260d : -160
140 : #082612 : -150
150 : #082617 : -140
160 : #08261c : -130
170 : #082621 : -120
180 : #082626 : -110
190 : #082126 : -100
200 : #081c26 : -90
210 : #081726 : -80
220 : #081226 : -70
230 : #080d26 : -60
240 : #080826 : -50
250 : #0d0826 : -40
260 : #120826 : -30
270 : #170826 : -20
280 : #1c0826 : -10
290 : #210826 : ±0
300 : #260826 : +10
310 : #260821 : +20
320 : #26081c : +30
330 : #260817 : +40
340 : #260812 : +50
350 : #26080d : +60
280 : #1c0826 : -10
281 : #1d0826 : -9
282 : #1d0826 : -8
283 : #1e0826 : -7
284 : #1e0826 : -6
285 : #1f0826 : -5
286 : #1f0826 : -4
287 : #200826 : -3
288 : #200826 : -2
289 : #210826 : -1
290 : #210826 : ±0
291 : #220826 : +1
292 : #220826 : +2
293 : #230826 : +3
294 : #230826 : +4
295 : #240826 : +5
296 : #240826 : +6
297 : #250826 : +7
298 : #250826 : +8
299 : #260826 : +9
300 : #260826 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #161616 : -66
2 : #171617 : -64
4 : #181618 : -62
6 : #181618 : -60
8 : #181519 : -58
10 : #181519 : -56
12 : #19141a : -54
14 : #19141a : -52
16 : #19131b : -50
18 : #1a131b : -48
20 : #1a121c : -46
22 : #1a121c : -44
24 : #1b111c : -42
26 : #1b111d : -40
28 : #1b111d : -38
30 : #1c101e : -36
32 : #1c101e : -34
34 : #1c0f1f : -32
36 : #1c0f1f : -30
38 : #1d0e20 : -28
40 : #1d0e20 : -26
42 : #1d0d21 : -24
44 : #1e0d21 : -22
46 : #1e0c22 : -20
48 : #1e0c22 : -18
50 : #1f0b22 : -16
52 : #1f0b23 : -14
54 : #1f0b23 : -12
56 : #200a24 : -10
58 : #200a24 : -8
60 : #200925 : -6
62 : #200925 : -4
64 : #210826 : -2
66 : #210826 : ±0
68 : #210727 : +2
70 : #220727 : +4
72 : #220627 : +6
74 : #220628 : +8
76 : #230628 : +10
78 : #230529 : +12
80 : #230529 : +14
82 : #23042a : +16
84 : #24042a : +18
86 : #24032b : +20
88 : #24032b : +22
90 : #25022c : +24
92 : #25022c : +26
94 : #25012d : +28
96 : #26012d : +30
98 : #26002d : +32
100 : #26002e : +34
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -8
3 : #0b030d : -6
5 : #120415 : -4
7 : #1a061e : -2
9 : #210826 : ±0
11 : #280a2f : +2
13 : #300b37 : +4
15 : #370d3f : +6
17 : #3e0f48 : +8
19 : #461050 : +10
21 : #4d1259 : +12
23 : #541461 : +14
25 : #5c166a : +16
27 : #631772 : +18
29 : #6a197b : +20
31 : #721b83 : +22
33 : #791d8c : +24
35 : #811e94 : +26
37 : #88209d : +28
39 : #8f22a5 : +30
41 : #9724ae : +32
43 : #9e25b6 : +34
45 : #a527be : +36
47 : #ad29c7 : +38
49 : #b42acf : +40
51 : #b930d5 : +42
53 : #bc38d6 : +44
55 : #bf41d8 : +46
57 : #c249da : +48
59 : #c451db : +50
61 : #c75add : +52
63 : #ca62df : +54
65 : #cd6be1 : +56
67 : #d073e2 : +58
69 : #d37ce4 : +60
71 : #d684e6 : +62
73 : #d88de8 : +64
75 : #db95e9 : +66
77 : #de9eeb : +68
79 : #e1a6ed : +70
81 : #e4afef : +72
83 : #e7b7f0 : +74
85 : #eac0f2 : +76
87 : #ecc8f4 : +78
89 : #efd0f5 : +80
91 : #f2d9f7 : +82
93 : #f5e1f9 : +84
95 : #f8eafb : +86
97 : #fbf2fc : +88
99 : #fefbfe : +90
CSS入門、作ってます。
text-shadow