#da49c9
RGB
赤 | 218 |
---|---|
緑 | 73 |
青 | 201 |
HSL
色相 | 307° |
---|---|
彩度 | 66% |
明度 | 57% |
輝度 | 51% |
3桁の色
補色
反転色
RGB ( 赤 = 218, 緑 = 73, 青 = 201 )
HSL ( 色相 = 307°, 彩度 = 66%, 明度 = 57% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #da5a49 : -300
17 : #da7249 : -290
27 : #da8a49 : -280
37 : #daa249 : -270
47 : #daba49 : -260
57 : #dad249 : -250
67 : #c9da49 : -240
77 : #b1da49 : -230
87 : #99da49 : -220
97 : #80da49 : -210
107 : #68da49 : -200
117 : #50da49 : -190
127 : #49da5a : -180
137 : #49da72 : -170
147 : #49da8a : -160
157 : #49daa2 : -150
167 : #49daba : -140
177 : #49dad2 : -130
187 : #49c9da : -120
197 : #49b1da : -110
207 : #4999da : -100
217 : #4980da : -90
227 : #4968da : -80
237 : #4950da : -70
247 : #5a49da : -60
257 : #7249da : -50
267 : #8a49da : -40
277 : #a249da : -30
287 : #ba49da : -20
297 : #d249da : -10
307 : #da49c9 : ±0
317 : #da49b1 : +10
327 : #da4999 : +20
337 : #da4980 : +30
347 : #da4968 : +40
357 : #da4950 : +50
297 : #d249da : -10
298 : #d549da : -9
299 : #d749da : -8
300 : #da49da : -7
301 : #da49d7 : -6
302 : #da49d5 : -5
303 : #da49d2 : -4
304 : #da49d0 : -3
305 : #da49ce : -2
306 : #da49cb : -1
307 : #da49c9 : ±0
308 : #da49c6 : +1
309 : #da49c4 : +2
310 : #da49c2 : +3
311 : #da49bf : +4
312 : #da49bd : +5
313 : #da49ba : +6
314 : #da49b8 : +7
315 : #da49b6 : +8
316 : #da49b3 : +9
317 : #da49b1 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #919191 : -66
2 : #948f93 : -64
4 : #968d95 : -62
6 : #988b96 : -60
8 : #9a8998 : -58
10 : #9c869a : -56
12 : #9f849b : -54
14 : #a1829d : -52
16 : #a3809f : -50
18 : #a57ea0 : -48
20 : #a77ba2 : -46
22 : #a979a4 : -44
24 : #ac77a6 : -42
26 : #ae75a7 : -40
28 : #b073a9 : -38
30 : #b270ab : -36
32 : #b46eac : -34
34 : #b76cae : -32
36 : #b96ab0 : -30
38 : #bb68b1 : -28
40 : #bd65b3 : -26
42 : #bf63b5 : -24
44 : #c261b6 : -22
46 : #c45fb8 : -20
48 : #c65dba : -18
50 : #c85bbb : -16
52 : #ca58bd : -14
54 : #cd56bf : -12
56 : #cf54c0 : -10
58 : #d152c2 : -8
60 : #d350c4 : -6
62 : #d54dc5 : -4
64 : #d84bc7 : -2
66 : #da49c9 : ±0
68 : #dc47cb : +2
70 : #de45cc : +4
72 : #e042ce : +6
74 : #e240d0 : +8
76 : #e53ed1 : +10
78 : #e73cd3 : +12
80 : #e93ad5 : +14
82 : #eb37d6 : +16
84 : #ed35d8 : +18
86 : #f033da : +20
88 : #f231db : +22
90 : #f42fdd : +24
92 : #f62cdf : +26
94 : #f82ae0 : +28
96 : #fb28e2 : +30
98 : #fd26e4 : +32
100 : #ff24e5 : +34
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -56
3 : #0d030c : -54
5 : #150413 : -52
7 : #1e061b : -50
9 : #260823 : -48
11 : #2f0a2a : -46
13 : #370b32 : -44
15 : #3f0d3a : -42
17 : #480f41 : -40
19 : #501049 : -38
21 : #591251 : -36
23 : #611458 : -34
25 : #6a1660 : -32
27 : #721768 : -30
29 : #7b196f : -28
31 : #831b77 : -26
33 : #8c1d7f : -24
35 : #941e86 : -22
37 : #9d208e : -20
39 : #a52296 : -18
41 : #ae249d : -16
43 : #b625a5 : -14
45 : #be27ad : -12
47 : #c729b4 : -10
49 : #cf2abc : -8
51 : #d530c1 : -6
53 : #d638c4 : -4
55 : #d841c6 : -2
57 : #da49c9 : ±0
59 : #db51cb : +2
61 : #dd5ace : +4
63 : #df62d0 : +6
65 : #e16bd3 : +8
67 : #e273d5 : +10
69 : #e47cd8 : +12
71 : #e684da : +14
73 : #e88ddd : +16
75 : #e995e0 : +18
77 : #eb9ee2 : +20
79 : #eda6e5 : +22
81 : #efafe7 : +24
83 : #f0b7ea : +26
85 : #f2c0ec : +28
87 : #f4c8ef : +30
89 : #f5d0f1 : +32
91 : #f7d9f4 : +34
93 : #f9e1f6 : +36
95 : #fbeaf9 : +38
97 : #fcf2fb : +40
99 : #fefbfe : +42
CSS入門、作ってます。
text-shadow