#d84bfb
RGB
赤 | 216 |
---|---|
緑 | 75 |
青 | 251 |
HSL
色相 | 288° |
---|---|
彩度 | 96% |
明度 | 64% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 216, 緑 = 75, 青 = 251 )
HSL ( 色相 = 288°, 彩度 = 96%, 明度 = 64% )
H : 色相 ( 288° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fb634b : -280
18 : #fb804b : -270
28 : #fb9d4b : -260
38 : #fbbb4b : -250
48 : #fbd84b : -240
58 : #fbf54b : -230
68 : #e4fb4b : -220
78 : #c6fb4b : -210
88 : #a9fb4b : -200
98 : #8cfb4b : -190
108 : #6efb4b : -180
118 : #51fb4b : -170
128 : #4bfb63 : -160
138 : #4bfb80 : -150
148 : #4bfb9d : -140
158 : #4bfbbb : -130
168 : #4bfbd8 : -120
178 : #4bfbf5 : -110
188 : #4be4fb : -100
198 : #4bc6fb : -90
208 : #4ba9fb : -80
218 : #4b8cfb : -70
228 : #4b6efb : -60
238 : #4b51fb : -50
248 : #634bfb : -40
258 : #804bfb : -30
268 : #9d4bfb : -20
278 : #bb4bfb : -10
288 : #d84bfb : ±0
298 : #f54bfb : +10
308 : #fb4be4 : +20
318 : #fb4bc6 : +30
328 : #fb4ba9 : +40
338 : #fb4b8c : +50
348 : #fb4b6e : +60
358 : #fb4b51 : +70
278 : #bb4bfb : -10
279 : #be4bfb : -9
280 : #c14bfb : -8
281 : #c44bfb : -7
282 : #c64bfb : -6
283 : #c94bfb : -5
284 : #cc4bfb : -4
285 : #cf4bfb : -3
286 : #d24bfb : -2
287 : #d54bfb : -1
288 : #d84bfb : ±0
289 : #db4bfb : +1
290 : #de4bfb : +2
291 : #e14bfb : +3
292 : #e44bfb : +4
293 : #e74bfb : +5
294 : #ea4bfb : +6
295 : #ed4bfb : +7
296 : #f04bfb : +8
297 : #f34bfb : +9
298 : #f54bfb : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -96
2 : #a4a1a5 : -94
4 : #a5a0a7 : -92
6 : #a79ea9 : -90
8 : #a89cab : -88
10 : #a99aac : -86
12 : #aa98ae : -84
14 : #ab96b0 : -82
16 : #ac95b2 : -80
18 : #ad93b4 : -78
20 : #ae91b6 : -76
22 : #af8fb7 : -74
24 : #b08db9 : -72
26 : #b28bbb : -70
28 : #b389bd : -68
30 : #b488bf : -66
32 : #b586c1 : -64
34 : #b684c2 : -62
36 : #b782c4 : -60
38 : #b880c6 : -58
40 : #b97ec8 : -56
42 : #ba7dca : -54
44 : #bb7bcc : -52
46 : #bd79cd : -50
48 : #be77cf : -48
50 : #bf75d1 : -46
52 : #c073d3 : -44
54 : #c172d5 : -42
56 : #c270d7 : -40
58 : #c36ed8 : -38
60 : #c46cda : -36
62 : #c56adc : -34
64 : #c668de : -32
66 : #c867e0 : -30
68 : #c965e2 : -28
70 : #ca63e3 : -26
72 : #cb61e5 : -24
74 : #cc5fe7 : -22
76 : #cd5de9 : -20
78 : #ce5ceb : -18
80 : #cf5aed : -16
82 : #d058ee : -14
84 : #d156f0 : -12
86 : #d354f2 : -10
88 : #d452f4 : -8
90 : #d551f6 : -6
92 : #d64ff8 : -4
94 : #d74df9 : -2
96 : #d84bfb : ±0
98 : #d949fd : +2
100 : #da47ff : +4
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #08000a : -62
4 : #100014 : -60
6 : #18011e : -58
8 : #200128 : -56
10 : #280132 : -54
12 : #30013c : -52
14 : #380146 : -50
16 : #400250 : -48
18 : #48025a : -46
20 : #500264 : -44
22 : #58026e : -42
24 : #600278 : -40
26 : #680382 : -38
28 : #71038c : -36
30 : #790396 : -34
32 : #8103a0 : -32
34 : #8903aa : -30
36 : #9104b4 : -28
38 : #9904be : -26
40 : #a104c8 : -24
42 : #a904d2 : -22
44 : #b104dc : -20
46 : #b905e6 : -18
48 : #c105f0 : -16
50 : #c905fa : -14
52 : #cb0ffa : -12
54 : #cd19fa : -10
56 : #cf23fb : -8
58 : #d22dfb : -6
60 : #d437fb : -4
62 : #d641fb : -2
64 : #d84bfb : ±0
66 : #da55fc : +2
68 : #dc5ffc : +4
70 : #df69fc : +6
72 : #e173fc : +8
74 : #e37dfc : +10
76 : #e587fd : +12
78 : #e791fd : +14
80 : #e99bfd : +16
82 : #eca5fd : +18
84 : #eeaffd : +20
86 : #f0b9fe : +22
88 : #f2c3fe : +24
90 : #f4cdfe : +26
92 : #f6d7fe : +28
94 : #f9e1fe : +30
96 : #fbebff : +32
98 : #fdf5ff : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow