#db09fb
RGB
| 赤 | 219 |
|---|---|
| 緑 | 9 |
| 青 | 251 |
HSL
| 色相 | 292° |
|---|---|
| 彩度 | 97% |
| 明度 | 51% |
| 輝度 | 39% |
３桁の色
補色
反転色
RGB ( 赤 = 219, 緑 = 9, 青 = 251 )
HSL ( 色相 = 292°, 彩度 = 97%, 明度 = 51% )
H : 色相 ( 292° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #fb1109 : -290
12 : #fb3909 : -280
22 : #fb6209 : -270
32 : #fb8a09 : -260
42 : #fbb309 : -250
52 : #fbdb09 : -240
62 : #f3fb09 : -230
72 : #cbfb09 : -220
82 : #a2fb09 : -210
92 : #7afb09 : -200
102 : #52fb09 : -190
112 : #29fb09 : -180
122 : #09fb11 : -170
132 : #09fb39 : -160
142 : #09fb62 : -150
152 : #09fb8a : -140
162 : #09fbb3 : -130
172 : #09fbdb : -120
182 : #09f3fb : -110
192 : #09cbfb : -100
202 : #09a2fb : -90
212 : #097afb : -80
222 : #0952fb : -70
232 : #0929fb : -60
242 : #1109fb : -50
252 : #3909fb : -40
262 : #6209fb : -30
272 : #8a09fb : -20
282 : #b309fb : -10
292 : #db09fb : ±0
302 : #fb09f3 : +10
312 : #fb09cb : +20
322 : #fb09a2 : +30
332 : #fb097a : +40
342 : #fb0952 : +50
352 : #fb0929 : +60
282 : #b309fb : -10
283 : #b709fb : -9
284 : #bb09fb : -8
285 : #bf09fb : -7
286 : #c309fb : -6
287 : #c709fb : -5
288 : #cb09fb : -4
289 : #cf09fb : -3
290 : #d309fb : -2
291 : #d709fb : -1
292 : #db09fb : ±0
293 : #df09fb : +1
294 : #e309fb : +2
295 : #e709fb : +3
296 : #eb09fb : +4
297 : #ef09fb : +5
298 : #f309fb : +6
299 : #f709fb : +7
300 : #fb09fb : +8
301 : #fb09f7 : +9
302 : #fb09f3 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #838183 : -96
3 : #857e86 : -94
5 : #877c88 : -92
7 : #88798b : -90
9 : #8a778d : -88
11 : #8c7490 : -86
13 : #8e7292 : -84
15 : #906f95 : -82
17 : #926d97 : -80
19 : #936a9a : -78
21 : #95689c : -76
23 : #97659f : -74
25 : #9963a1 : -72
27 : #9b60a4 : -70
29 : #9d5ea6 : -68
31 : #9e5ba9 : -66
33 : #a059ab : -64
35 : #a256ae : -62
37 : #a454b0 : -60
39 : #a651b3 : -58
41 : #a84fb5 : -56
43 : #a94cb8 : -54
45 : #ab4aba : -52
47 : #ad47bd : -50
49 : #af45bf : -48
51 : #b142c2 : -46
53 : #b340c4 : -44
55 : #b43dc7 : -42
57 : #b63bc9 : -40
59 : #b838cc : -38
61 : #ba36ce : -36
63 : #bc33d1 : -34
65 : #be31d3 : -32
67 : #bf2ed6 : -30
69 : #c12cd8 : -28
71 : #c329db : -26
73 : #c527dd : -24
75 : #c724e0 : -22
77 : #c922e2 : -20
79 : #ca1fe5 : -18
81 : #cc1de7 : -16
83 : #ce1aea : -14
85 : #d018ec : -12
87 : #d215ef : -10
89 : #d413f1 : -8
91 : #d510f4 : -6
93 : #d70ef6 : -4
95 : #d90bf9 : -2
97 : #db09fb : ±0
99 : #dd06fe : +2
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #040005 : -50
3 : #0d000f : -48
5 : #160019 : -46
7 : #1f0123 : -44
9 : #27012d : -42
11 : #300137 : -40
13 : #390141 : -38
15 : #41014b : -36
17 : #4a0155 : -34
19 : #53015f : -32
21 : #5c0269 : -30
23 : #640274 : -28
25 : #6d027e : -26
27 : #760288 : -24
29 : #7f0292 : -22
31 : #87029c : -20
33 : #9003a6 : -18
35 : #9903b0 : -16
37 : #a103ba : -14
39 : #aa03c4 : -12
41 : #b303ce : -10
43 : #bc03d8 : -8
45 : #c403e2 : -6
47 : #cd04ec : -4
49 : #d604f6 : -2
51 : #db09fb : ±0
53 : #dc13fb : +2
55 : #de1dfc : +4
57 : #df27fc : +6
59 : #e131fc : +8
61 : #e23bfc : +10
63 : #e445fc : +12
65 : #e54ffc : +14
67 : #e759fc : +16
69 : #e863fd : +18
71 : #ea6dfd : +20
73 : #eb77fd : +22
75 : #ed81fd : +24
77 : #ee8bfd : +26
79 : #f096fd : +28
81 : #f1a0fe : +30
83 : #f2aafe : +32
85 : #f4b4fe : +34
87 : #f5befe : +36
89 : #f7c8fe : +38
91 : #f8d2fe : +40
93 : #fadcfe : +42
95 : #fbe6ff : +44
97 : #fdf0ff : +46
99 : #fefaff : +48
CSS入門、作ってます。
text-shadow