#df34c0
RGB
赤 | 223 |
---|---|
緑 | 52 |
青 | 192 |
HSL
色相 | 311° |
---|---|
彩度 | 73% |
明度 | 54% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 223, 緑 = 52, 青 = 192 )
HSL ( 色相 = 311°, 彩度 = 73%, 明度 = 54% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #df3734 : -310
11 : #df5334 : -300
21 : #df7034 : -290
31 : #df8d34 : -280
41 : #dfa934 : -270
51 : #dfc634 : -260
61 : #dcdf34 : -250
71 : #c0df34 : -240
81 : #a3df34 : -230
91 : #87df34 : -220
101 : #6adf34 : -210
111 : #4edf34 : -200
121 : #34df37 : -190
131 : #34df53 : -180
141 : #34df70 : -170
151 : #34df8d : -160
161 : #34dfa9 : -150
171 : #34dfc6 : -140
181 : #34dcdf : -130
191 : #34c0df : -120
201 : #34a3df : -110
211 : #3487df : -100
221 : #346adf : -90
231 : #344edf : -80
241 : #3734df : -70
251 : #5334df : -60
261 : #7034df : -50
271 : #8d34df : -40
281 : #a934df : -30
291 : #c634df : -20
301 : #df34dc : -10
311 : #df34c0 : ±0
321 : #df34a3 : +10
331 : #df3487 : +20
341 : #df346a : +30
351 : #df344e : +40
301 : #df34dc : -10
302 : #df34da : -9
303 : #df34d7 : -8
304 : #df34d4 : -7
305 : #df34d1 : -6
306 : #df34ce : -5
307 : #df34cb : -4
308 : #df34c8 : -3
309 : #df34c6 : -2
310 : #df34c3 : -1
311 : #df34c0 : ±0
312 : #df34bd : +1
313 : #df34ba : +2
314 : #df34b7 : +3
315 : #df34b5 : +4
316 : #df34b2 : +5
317 : #df34af : +6
318 : #df34ac : +7
319 : #df34a9 : +8
320 : #df34a6 : +9
321 : #df34a3 : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b898a : -72
3 : #8d868c : -70
5 : #90848d : -68
7 : #92818f : -66
9 : #947f90 : -64
11 : #977d92 : -62
13 : #997a93 : -60
15 : #9b7895 : -58
17 : #9e7696 : -56
19 : #a07398 : -54
21 : #a27199 : -52
23 : #a56f9b : -50
25 : #a76c9c : -48
27 : #a96a9e : -46
29 : #ac689f : -44
31 : #ae65a1 : -42
33 : #b063a2 : -40
35 : #b361a4 : -38
37 : #b55ea5 : -36
39 : #b75ca7 : -34
41 : #ba5aa8 : -32
43 : #bc57aa : -30
45 : #be55ab : -28
47 : #c153ad : -26
49 : #c350ae : -24
51 : #c64eb0 : -22
53 : #c84cb1 : -20
55 : #ca49b3 : -18
57 : #cd47b4 : -16
59 : #cf44b6 : -14
61 : #d142b7 : -12
63 : #d440b9 : -10
65 : #d63dba : -8
67 : #d83bbb : -6
69 : #db39bd : -4
71 : #dd36be : -2
73 : #df34c0 : ±0
75 : #e232c1 : +2
77 : #e42fc3 : +4
79 : #e62dc4 : +6
81 : #e92bc6 : +8
83 : #eb28c7 : +10
85 : #ed26c9 : +12
87 : #f024ca : +14
89 : #f221cc : +16
91 : #f41fcd : +18
93 : #f71dcf : +20
95 : #f91ad0 : +22
97 : #fb18d2 : +24
99 : #fe16d3 : +26
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #090107 : -52
4 : #12030f : -50
6 : #1a0416 : -48
8 : #23061e : -46
10 : #2c0725 : -44
12 : #35082d : -42
14 : #3e0a34 : -40
16 : #470b3c : -38
18 : #4f0c43 : -36
20 : #580e4b : -34
22 : #610f52 : -32
24 : #6a1159 : -30
26 : #731261 : -28
28 : #7c1368 : -26
30 : #841570 : -24
32 : #8d1677 : -22
34 : #96177f : -20
36 : #9f1986 : -18
38 : #a81a8e : -16
40 : #b01c95 : -14
42 : #b91d9d : -12
44 : #c21ea4 : -10
46 : #cb20ac : -8
48 : #d421b3 : -6
50 : #dd22ba : -4
52 : #de2bbd : -2
54 : #df34c0 : ±0
56 : #e13dc3 : +2
58 : #e246c5 : +4
60 : #e34fc8 : +6
62 : #e557cb : +8
64 : #e660ce : +10
66 : #e869d0 : +12
68 : #e972d3 : +14
70 : #ea7bd6 : +16
72 : #ec83d9 : +18
74 : #ed8cdb : +20
76 : #ee95de : +22
78 : #f09ee1 : +24
80 : #f1a7e4 : +26
82 : #f3b0e6 : +28
84 : #f4b8e9 : +30
86 : #f5c1ec : +32
88 : #f7caef : +34
90 : #f8d3f1 : +36
92 : #f9dcf4 : +38
94 : #fbe5f7 : +40
96 : #fcedfa : +42
98 : #fef6fc : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow