#b340bf
RGB
赤 | 179 |
---|---|
緑 | 64 |
青 | 191 |
HSL
色相 | 294° |
---|---|
彩度 | 50% |
明度 | 50% |
輝度 | 44% |
3桁の色
補色
反転色
RGB ( 赤 = 179, 緑 = 64, 青 = 191 )
HSL ( 色相 = 294°, 彩度 = 50%, 明度 = 50% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #bf4840 : -290
14 : #bf5e40 : -280
24 : #bf7340 : -270
34 : #bf8840 : -260
44 : #bf9d40 : -250
54 : #bfb340 : -240
64 : #b7bf40 : -230
74 : #a2bf40 : -220
84 : #8cbf40 : -210
94 : #77bf40 : -200
104 : #62bf40 : -190
114 : #4dbf40 : -180
124 : #40bf48 : -170
134 : #40bf5e : -160
144 : #40bf73 : -150
154 : #40bf88 : -140
164 : #40bf9d : -130
174 : #40bfb3 : -120
184 : #40b7bf : -110
194 : #40a2bf : -100
204 : #408cbf : -90
214 : #4077bf : -80
224 : #4062bf : -70
234 : #404dbf : -60
244 : #4840bf : -50
254 : #5e40bf : -40
264 : #7340bf : -30
274 : #8840bf : -20
284 : #9d40bf : -10
294 : #b340bf : ±0
304 : #bf40b7 : +10
314 : #bf40a2 : +20
324 : #bf408c : +30
334 : #bf4077 : +40
344 : #bf4062 : +50
354 : #bf404d : +60
284 : #9d40bf : -10
285 : #9f40bf : -9
286 : #a240bf : -8
287 : #a440bf : -7
288 : #a640bf : -6
289 : #a840bf : -5
290 : #aa40bf : -4
291 : #ac40bf : -3
292 : #ae40bf : -2
293 : #b040bf : -1
294 : #b340bf : ±0
295 : #b540bf : +1
296 : #b740bf : +2
297 : #b940bf : +3
298 : #bb40bf : +4
299 : #bd40bf : +5
300 : #bf40bf : +6
301 : #bf40bd : +7
302 : #bf40bb : +8
303 : #bf40b9 : +9
304 : #bf40b7 : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -50
2 : #827d82 : -48
4 : #847a85 : -46
6 : #867887 : -44
8 : #88758a : -42
10 : #8a738c : -40
12 : #8c708f : -38
14 : #8e6e91 : -36
16 : #906b94 : -34
18 : #926996 : -32
20 : #946699 : -30
22 : #96639c : -28
24 : #98619e : -26
26 : #9a5ea1 : -24
28 : #9c5ca3 : -22
30 : #9e59a6 : -20
32 : #a057a8 : -18
34 : #a254ab : -16
36 : #a452ad : -14
38 : #a64fb0 : -12
40 : #a84db3 : -10
42 : #aa4ab5 : -8
44 : #ac47b8 : -6
46 : #ae45ba : -4
48 : #b042bd : -2
50 : #b340bf : ±0
52 : #b53dc2 : +2
54 : #b73bc4 : +4
56 : #b938c7 : +6
58 : #bb36c9 : +8
60 : #bd33cc : +10
62 : #bf30cf : +12
64 : #c12ed1 : +14
66 : #c32bd4 : +16
68 : #c529d6 : +18
70 : #c726d9 : +20
72 : #c924db : +22
74 : #cb21de : +24
76 : #cd1fe0 : +26
78 : #cf1ce3 : +28
80 : #d11ae6 : +30
82 : #d317e8 : +32
84 : #d514eb : +34
86 : #d712ed : +36
88 : #d90ff0 : +38
90 : #db0df2 : +40
92 : #dd0af5 : +42
94 : #df08f7 : +44
96 : #e105fa : +46
98 : #e303fc : +48
100 : #e600ff : +50
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070308 : -48
4 : #0e050f : -46
6 : #150817 : -44
8 : #1d0a1f : -42
10 : #240d26 : -40
12 : #2b0f2e : -38
14 : #321236 : -36
16 : #39143d : -34
18 : #401745 : -32
20 : #471a4d : -30
22 : #4f1c54 : -28
24 : #561f5c : -26
26 : #5d2163 : -24
28 : #64246b : -22
30 : #6b2673 : -20
32 : #72297a : -18
34 : #792b82 : -16
36 : #812e8a : -14
38 : #883091 : -12
40 : #8f3399 : -10
42 : #9636a1 : -8
44 : #9d38a8 : -6
46 : #a43bb0 : -4
48 : #ab3db8 : -2
50 : #b340bf : ±0
52 : #b647c2 : +2
54 : #b94fc4 : +4
56 : #bc57c7 : +6
58 : #bf5ec9 : +8
60 : #c266cc : +10
62 : #c56ecf : +12
64 : #c875d1 : +14
66 : #cb7dd4 : +16
68 : #ce85d6 : +18
70 : #d18cd9 : +20
72 : #d494db : +22
74 : #d79cde : +24
76 : #daa3e0 : +26
78 : #ddabe3 : +28
80 : #e0b3e6 : +30
82 : #e3bae8 : +32
84 : #e7c2eb : +34
86 : #eac9ed : +36
88 : #edd1f0 : +38
90 : #f0d9f2 : +40
92 : #f3e0f5 : +42
94 : #f6e8f7 : +44
96 : #f9f0fa : +46
98 : #fcf7fc : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow