#690228
RGB ( 赤 = 105, 緑 = 2, 青 = 40 )
HSL ( 色相 = 338°, 彩度 = 96%, 明度 = 21% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #691002 : -330
18 : #692102 : -320
28 : #693202 : -310
38 : #694302 : -300
48 : #695402 : -290
58 : #696602 : -280
68 : #5b6902 : -270
78 : #4a6902 : -260
88 : #396902 : -250
98 : #286902 : -240
108 : #176902 : -230
118 : #066902 : -220
128 : #026910 : -210
138 : #026921 : -200
148 : #026932 : -190
158 : #026943 : -180
168 : #026954 : -170
178 : #026966 : -160
188 : #025b69 : -150
198 : #024a69 : -140
208 : #023969 : -130
218 : #022869 : -120
228 : #021769 : -110
238 : #020669 : -100
248 : #100269 : -90
258 : #210269 : -80
268 : #320269 : -70
278 : #430269 : -60
288 : #540269 : -50
298 : #660269 : -40
308 : #69025b : -30
318 : #69024a : -20
328 : #690239 : -10
338 : #690228 : ±0
348 : #690217 : +10
358 : #690206 : +20
328 : #690239 : -10
329 : #690237 : -9
330 : #690236 : -8
331 : #690234 : -7
332 : #690232 : -6
333 : #690230 : -5
334 : #69022f : -4
335 : #69022d : -3
336 : #69022b : -2
337 : #69022a : -1
338 : #690228 : ±0
339 : #690226 : +1
340 : #690224 : +2
341 : #690223 : +3
342 : #690221 : +4
343 : #69021f : +5
344 : #69021e : +6
345 : #69021c : +7
346 : #69021a : +8
347 : #690218 : +9
348 : #690217 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #353535 : -96
2 : #373435 : -94
4 : #383335 : -92
6 : #393235 : -90
8 : #3a3134 : -88
10 : #3b3034 : -86
12 : #3c2f34 : -84
14 : #3d2e34 : -82
16 : #3e2d33 : -80
18 : #3f2c33 : -78
20 : #402b33 : -76
22 : #412a32 : -74
24 : #422932 : -72
26 : #432832 : -70
28 : #452732 : -68
30 : #462531 : -66
32 : #472431 : -64
34 : #482331 : -62
36 : #492230 : -60
38 : #4a2130 : -58
40 : #4b2030 : -56
42 : #4c1f30 : -54
44 : #4d1e2f : -52
46 : #4e1d2f : -50
48 : #4f1c2f : -48
50 : #501b2e : -46
52 : #511a2e : -44
54 : #52192e : -42
56 : #54182e : -40
58 : #55162d : -38
60 : #56152d : -36
62 : #57142d : -34
64 : #58132c : -32
66 : #59122c : -30
68 : #5a112c : -28
70 : #5b102c : -26
72 : #5c0f2b : -24
74 : #5d0e2b : -22
76 : #5e0d2b : -20
78 : #5f0c2a : -18
80 : #600b2a : -16
82 : #610a2a : -14
84 : #63092a : -12
86 : #640729 : -10
88 : #650629 : -8
90 : #660529 : -6
92 : #670428 : -4
94 : #680328 : -2
96 : #690228 : ±0
98 : #6a0128 : +2
100 : #6b0027 : +4
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #050002 : -20
3 : #0f0006 : -18
5 : #190109 : -16
7 : #23010d : -14
9 : #2d0111 : -12
11 : #370115 : -10
13 : #410119 : -8
15 : #4b021c : -6
17 : #550220 : -4
19 : #5f0224 : -2
21 : #690228 : ±0
23 : #73022c : +2
25 : #7d032f : +4
27 : #870333 : +6
29 : #910337 : +8
31 : #9b033b : +10
33 : #a5033f : +12
35 : #af0442 : +14
37 : #b90446 : +16
39 : #c3044a : +18
41 : #cd044e : +20
43 : #d70452 : +22
45 : #e10555 : +24
47 : #eb0559 : +26
49 : #f5055d : +28
51 : #fa0a62 : +30
53 : #fa1468 : +32
55 : #fa1e6f : +34
57 : #fb2875 : +36
59 : #fb327c : +38
61 : #fb3c82 : +40
63 : #fb4688 : +42
65 : #fb508f : +44
67 : #fc5a95 : +46
69 : #fc649c : +48
71 : #fc6ea2 : +50
73 : #fc78a9 : +52
75 : #fc82af : +54
77 : #fd8cb5 : +56
79 : #fd96bc : +58
81 : #fda0c2 : +60
83 : #fdaac9 : +62
85 : #fdb4cf : +64
87 : #febed5 : +66
89 : #fec8dc : +68
91 : #fed2e2 : +70
93 : #fedce9 : +72
95 : #fee6ef : +74
97 : #fff0f5 : +76
99 : #fffafc : +78
CSS入門、作ってます。
text-shadow