#162702
RGB ( 赤 = 22, 緑 = 39, 青 = 2 )
HSL ( 色相 = 88°, 彩度 = 90%, 明度 = 8% )
H : 色相 ( 88° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #270702 : -80
18 : #270d02 : -70
28 : #271302 : -60
38 : #271902 : -50
48 : #271f02 : -40
58 : #272602 : -30
68 : #222702 : -20
78 : #1c2702 : -10
88 : #162702 : ±0
98 : #102702 : +10
108 : #092702 : +20
118 : #032702 : +30
128 : #022707 : +40
138 : #02270d : +50
148 : #022713 : +60
158 : #022719 : +70
168 : #02271f : +80
178 : #022726 : +90
188 : #022227 : +100
198 : #021c27 : +110
208 : #021627 : +120
218 : #021027 : +130
228 : #020927 : +140
238 : #020327 : +150
248 : #070227 : +160
258 : #0d0227 : +170
268 : #130227 : +180
278 : #190227 : +190
288 : #1f0227 : +200
298 : #260227 : +210
308 : #270222 : +220
318 : #27021c : +230
328 : #270216 : +240
338 : #270210 : +250
348 : #270209 : +260
358 : #270203 : +270
78 : #1c2702 : -10
79 : #1b2702 : -9
80 : #1b2702 : -8
81 : #1a2702 : -7
82 : #192702 : -6
83 : #192702 : -5
84 : #182702 : -4
85 : #172702 : -3
86 : #172702 : -2
87 : #162702 : -1
88 : #162702 : ±0
89 : #152702 : +1
90 : #142702 : +2
91 : #142702 : +3
92 : #132702 : +4
93 : #132702 : +5
94 : #122702 : +6
95 : #112702 : +7
96 : #112702 : +8
97 : #102702 : +9
98 : #102702 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #141414 : -90
2 : #141514 : -88
4 : #141514 : -86
6 : #141613 : -84
8 : #151613 : -82
10 : #151612 : -80
12 : #151712 : -78
14 : #151712 : -76
16 : #151811 : -74
18 : #151811 : -72
20 : #151810 : -70
22 : #151910 : -68
24 : #151910 : -66
26 : #151a0f : -64
28 : #151a0f : -62
30 : #151b0e : -60
32 : #151b0e : -58
34 : #151b0d : -56
36 : #151c0d : -54
38 : #151c0d : -52
40 : #151d0c : -50
42 : #151d0c : -48
44 : #151d0b : -46
46 : #151e0b : -44
48 : #151e0b : -42
50 : #151f0a : -40
52 : #151f0a : -38
54 : #151f09 : -36
56 : #152009 : -34
58 : #152009 : -32
60 : #152108 : -30
62 : #152108 : -28
64 : #152107 : -26
66 : #152207 : -24
68 : #152207 : -22
70 : #152306 : -20
72 : #152306 : -18
74 : #152305 : -16
76 : #152405 : -14
78 : #152404 : -12
80 : #152504 : -10
82 : #162504 : -8
84 : #162603 : -6
86 : #162603 : -4
88 : #162602 : -2
90 : #162702 : ±0
92 : #162702 : +2
94 : #162801 : +4
96 : #162801 : +6
98 : #162800 : +8
100 : #162900 : +10
L : 明度 ( 8% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -8
2 : #050a01 : -6
4 : #0b1301 : -4
6 : #101d02 : -2
8 : #162702 : ±0
10 : #1b3003 : +2
12 : #203a03 : +4
14 : #264404 : +6
16 : #2b4e04 : +8
18 : #315705 : +10
20 : #366105 : +12
22 : #3b6b06 : +14
24 : #417406 : +16
26 : #467e07 : +18
28 : #4c8807 : +20
30 : #519108 : +22
32 : #569b08 : +24
34 : #5ca509 : +26
36 : #61ae09 : +28
38 : #67b80a : +30
40 : #6cc20a : +32
42 : #72cb0b : +34
44 : #77d50b : +36
46 : #7cdf0c : +38
48 : #82e90c : +40
50 : #87f20d : +42
52 : #8cf316 : +44
54 : #91f320 : +46
56 : #96f42a : +48
58 : #9af434 : +50
60 : #9ff53d : +52
62 : #a4f547 : +54
64 : #a9f651 : +56
66 : #aef65a : +58
68 : #b2f764 : +60
70 : #b7f76e : +62
72 : #bcf877 : +64
74 : #c1f881 : +66
76 : #c5f98b : +68
78 : #caf994 : +70
80 : #cffa9e : +72
82 : #d4faa8 : +74
84 : #d9fbb1 : +76
86 : #ddfbbb : +78
88 : #e2fcc5 : +80
90 : #e7fccf : +82
92 : #ecfdd8 : +84
94 : #f1fde2 : +86
96 : #f5feec : +88
98 : #fafef5 : +90
100 : #ffffff : +92
CSS入門、作ってます。
text-shadow