#d84fbb
RGB
赤 | 216 |
---|---|
緑 | 79 |
青 | 187 |
HSL
色相 | 313° |
---|---|
彩度 | 64% |
明度 | 58% |
輝度 | 52% |
3桁の色
補色
反転色
RGB ( 赤 = 216, 緑 = 79, 青 = 187 )
HSL ( 色相 = 313°, 彩度 = 64%, 明度 = 58% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #d8564f : -310
13 : #d86d4f : -300
23 : #d8844f : -290
33 : #d89b4f : -280
43 : #d8b24f : -270
53 : #d8c84f : -260
63 : #d2d84f : -250
73 : #bbd84f : -240
83 : #a4d84f : -230
93 : #8dd84f : -220
103 : #76d84f : -210
113 : #5fd84f : -200
123 : #4fd856 : -190
133 : #4fd86d : -180
143 : #4fd884 : -170
153 : #4fd89b : -160
163 : #4fd8b2 : -150
173 : #4fd8c8 : -140
183 : #4fd2d8 : -130
193 : #4fbbd8 : -120
203 : #4fa4d8 : -110
213 : #4f8dd8 : -100
223 : #4f76d8 : -90
233 : #4f5fd8 : -80
243 : #564fd8 : -70
253 : #6d4fd8 : -60
263 : #844fd8 : -50
273 : #9b4fd8 : -40
283 : #b24fd8 : -30
293 : #c84fd8 : -20
303 : #d84fd2 : -10
313 : #d84fbb : ±0
323 : #d84fa4 : +10
333 : #d84f8d : +20
343 : #d84f76 : +30
353 : #d84f5f : +40
303 : #d84fd2 : -10
304 : #d84fcf : -9
305 : #d84fcd : -8
306 : #d84fcb : -7
307 : #d84fc8 : -6
308 : #d84fc6 : -5
309 : #d84fc4 : -4
310 : #d84fc2 : -3
311 : #d84fbf : -2
312 : #d84fbd : -1
313 : #d84fbb : ±0
314 : #d84fb8 : +1
315 : #d84fb6 : +2
316 : #d84fb4 : +3
317 : #d84fb2 : +4
318 : #d84faf : +5
319 : #d84fad : +6
320 : #d84fab : +7
321 : #d84fa8 : +8
322 : #d84fa6 : +9
323 : #d84fa4 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -64
2 : #969295 : -62
4 : #989096 : -60
6 : #9a8d98 : -58
8 : #9c8b99 : -56
10 : #9f899a : -54
12 : #a1879b : -52
14 : #a3859c : -50
16 : #a5839e : -48
18 : #a7819f : -46
20 : #a97ea0 : -44
22 : #ab7ca1 : -42
24 : #ae7aa2 : -40
26 : #b078a4 : -38
28 : #b276a5 : -36
30 : #b474a6 : -34
32 : #b672a7 : -32
34 : #b86fa9 : -30
36 : #ba6daa : -28
38 : #bd6bab : -26
40 : #bf69ac : -24
42 : #c167ad : -22
44 : #c365af : -20
46 : #c563b0 : -18
48 : #c760b1 : -16
50 : #c95eb2 : -14
52 : #cc5cb3 : -12
54 : #ce5ab5 : -10
56 : #d058b6 : -8
58 : #d256b7 : -6
60 : #d454b8 : -4
62 : #d651ba : -2
64 : #d84fbb : ±0
66 : #db4dbc : +2
68 : #dd4bbd : +4
70 : #df49be : +6
72 : #e147c0 : +8
74 : #e345c1 : +10
76 : #e543c2 : +12
78 : #e740c3 : +14
80 : #ea3ec4 : +16
82 : #ec3cc6 : +18
84 : #ee3ac7 : +20
86 : #f038c8 : +22
88 : #f236c9 : +24
90 : #f434cb : +26
92 : #f631cc : +28
94 : #f92fcd : +30
96 : #fb2dce : +32
98 : #fd2bcf : +34
100 : #ff29d1 : +36
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #080207 : -56
4 : #11040e : -54
6 : #190615 : -52
8 : #21071c : -50
10 : #2a0923 : -48
12 : #320b2a : -46
14 : #3b0d31 : -44
16 : #430f38 : -42
18 : #4b113f : -40
20 : #541245 : -38
22 : #5c144c : -36
24 : #641653 : -34
26 : #6d185a : -32
28 : #751a61 : -30
30 : #7d1c68 : -28
32 : #861d6f : -26
34 : #8e1f76 : -24
36 : #97217d : -22
38 : #9f2384 : -20
40 : #a7258b : -18
42 : #b02792 : -16
44 : #b82899 : -14
46 : #c02aa0 : -12
48 : #c92ca7 : -10
50 : #d12eae : -8
52 : #d336b1 : -6
54 : #d53fb4 : -4
56 : #d747b7 : -2
58 : #d84fbb : ±0
60 : #da58be : +2
62 : #dc60c1 : +4
64 : #de68c4 : +6
66 : #e071c8 : +8
68 : #e279cb : +10
70 : #e382ce : +12
72 : #e58ad1 : +14
74 : #e792d5 : +16
76 : #e99bd8 : +18
78 : #eba3db : +20
80 : #edabde : +22
82 : #eeb4e2 : +24
84 : #f0bce5 : +26
86 : #f2c4e8 : +28
88 : #f4cdeb : +30
90 : #f6d5ef : +32
92 : #f8def2 : +34
94 : #f9e6f5 : +36
96 : #fbeef8 : +38
98 : #fdf7fc : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow