#040212
RGB ( 赤 = 4, 緑 = 2, 青 = 18 )
HSL ( 色相 = 248°, 彩度 = 80%, 明度 = 4% )
H : 色相 ( 248° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #120402 : -240
18 : #120702 : -230
28 : #120a02 : -220
38 : #120c02 : -210
48 : #120f02 : -200
58 : #121202 : -190
68 : #101202 : -180
78 : #0d1202 : -170
88 : #0b1202 : -160
98 : #081202 : -150
108 : #051202 : -140
118 : #031202 : -130
128 : #021204 : -120
138 : #021207 : -110
148 : #02120a : -100
158 : #02120c : -90
168 : #02120f : -80
178 : #021212 : -70
188 : #021012 : -60
198 : #020d12 : -50
208 : #020b12 : -40
218 : #020812 : -30
228 : #020512 : -20
238 : #020312 : -10
248 : #040212 : ±0
258 : #070212 : +10
268 : #0a0212 : +20
278 : #0c0212 : +30
288 : #0f0212 : +40
298 : #120212 : +50
308 : #120210 : +60
318 : #12020d : +70
328 : #12020b : +80
338 : #120208 : +90
348 : #120205 : +100
358 : #120203 : +110
238 : #020312 : -10
239 : #020212 : -9
240 : #020212 : -8
241 : #020212 : -7
242 : #030212 : -6
243 : #030212 : -5
244 : #030212 : -4
245 : #030212 : -3
246 : #040212 : -2
247 : #040212 : -1
248 : #040212 : ±0
249 : #040212 : +1
250 : #050212 : +2
251 : #050212 : +3
252 : #050212 : +4
253 : #060212 : +5
254 : #060212 : +6
255 : #060212 : +7
256 : #060212 : +8
257 : #070212 : +9
258 : #070212 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0a0a0a : -80
2 : #0a0a0a : -78
4 : #0a0a0b : -76
6 : #0a0a0b : -74
8 : #0a090b : -72
10 : #09090b : -70
12 : #09090b : -68
14 : #09090c : -66
16 : #09090c : -64
18 : #09080c : -62
20 : #09080c : -60
22 : #09080c : -58
24 : #08080d : -56
26 : #08080d : -54
28 : #08070d : -52
30 : #08070d : -50
32 : #08070d : -48
34 : #08070e : -46
36 : #08070e : -44
38 : #07060e : -42
40 : #07060e : -40
42 : #07060e : -38
44 : #07060f : -36
46 : #07060f : -34
48 : #07050f : -32
50 : #06050f : -30
52 : #060510 : -28
54 : #060510 : -26
56 : #060410 : -24
58 : #060410 : -22
60 : #060410 : -20
62 : #060411 : -18
64 : #050411 : -16
66 : #050311 : -14
68 : #050311 : -12
70 : #050311 : -10
72 : #050312 : -8
74 : #050312 : -6
76 : #050212 : -4
78 : #040212 : -2
80 : #040212 : ±0
82 : #040213 : +2
84 : #040213 : +4
86 : #040113 : +6
88 : #040113 : +8
90 : #030113 : +10
92 : #030114 : +12
94 : #030114 : +14
96 : #030014 : +16
98 : #030014 : +18
100 : #030014 : +20
L : 明度 ( 4% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -4
2 : #020109 : -2
4 : #040212 : ±0
6 : #06031c : +2
8 : #080425 : +4
10 : #0b052e : +6
12 : #0d0637 : +8
14 : #0f0740 : +10
16 : #110849 : +12
18 : #130953 : +14
20 : #150a5c : +16
22 : #170b65 : +18
24 : #190c6e : +20
26 : #1b0d77 : +22
28 : #1e0e81 : +24
30 : #200f8a : +26
32 : #221093 : +28
34 : #24119c : +30
36 : #2612a5 : +32
38 : #2813ae : +34
40 : #2a14b8 : +36
42 : #2c15c1 : +38
44 : #2e16ca : +40
46 : #3017d3 : +42
48 : #3318dc : +44
50 : #351ae6 : +46
52 : #3d23e7 : +48
54 : #452ce8 : +50
56 : #4d35e9 : +52
58 : #553eea : +54
60 : #5d47eb : +56
62 : #6551ec : +58
64 : #6d5aed : +60
66 : #7563ee : +62
68 : #7e6cef : +64
70 : #8675f0 : +66
72 : #8e7ef1 : +68
74 : #9688f2 : +70
76 : #9e91f3 : +72
78 : #a69af4 : +74
80 : #aea3f5 : +76
82 : #b6acf6 : +78
84 : #beb6f7 : +80
86 : #c6bff8 : +82
88 : #cec8f9 : +84
90 : #d7d1fa : +86
92 : #dfdafb : +88
94 : #e7e3fc : +90
96 : #efedfd : +92
98 : #f7f6fe : +94
100 : #ffffff : +96
CSS入門、作ってます。
text-shadow