#b3059c
RGB
| 赤 | 179 |
|---|---|
| 緑 | 5 |
| 青 | 156 |
HSL
| 色相 | 308° |
|---|---|
| 彩度 | 95% |
| 明度 | 36% |
| 輝度 | 29% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 179, 緑 = 5, 青 = 156 )
HSL ( 色相 = 308°, 彩度 = 95%, 明度 = 36% )
H : 色相 ( 308° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #b31c05 : -300
18 : #b33905 : -290
28 : #b35605 : -280
38 : #b37305 : -270
48 : #b39005 : -260
58 : #b3ad05 : -250
68 : #9cb305 : -240
78 : #7fb305 : -230
88 : #62b305 : -220
98 : #45b305 : -210
108 : #27b305 : -200
118 : #0ab305 : -190
128 : #05b31c : -180
138 : #05b339 : -170
148 : #05b356 : -160
158 : #05b373 : -150
168 : #05b390 : -140
178 : #05b3ad : -130
188 : #059cb3 : -120
198 : #057fb3 : -110
208 : #0562b3 : -100
218 : #0545b3 : -90
228 : #0527b3 : -80
238 : #050ab3 : -70
248 : #1c05b3 : -60
258 : #3905b3 : -50
268 : #5605b3 : -40
278 : #7305b3 : -30
288 : #9005b3 : -20
298 : #ad05b3 : -10
308 : #b3059c : ±0
318 : #b3057f : +10
328 : #b30562 : +20
338 : #b30545 : +30
348 : #b30527 : +40
358 : #b3050a : +50
298 : #ad05b3 : -10
299 : #b005b3 : -9
300 : #b305b3 : -8
301 : #b305b0 : -7
302 : #b305ad : -6
303 : #b305aa : -5
304 : #b305a7 : -4
305 : #b305a4 : -3
306 : #b305a2 : -2
307 : #b3059f : -1
308 : #b3059c : ±0
309 : #b30599 : +1
310 : #b30596 : +2
311 : #b30593 : +3
312 : #b30590 : +4
313 : #b3058d : +5
314 : #b3058a : +6
315 : #b30587 : +7
316 : #b30584 : +8
317 : #b30582 : +9
318 : #b3057f : +10
S : 彩度 ( 95% )
(0%) 渋い ～ 鮮やか (100%)
1 : #5d5b5c : -94
3 : #5f595e : -92
5 : #60575f : -90
7 : #625561 : -88
9 : #645462 : -86
11 : #665263 : -84
13 : #685065 : -82
15 : #6a4e66 : -80
17 : #6b4c67 : -78
19 : #6d4a69 : -76
21 : #6f496a : -74
23 : #71476b : -72
25 : #73456d : -70
27 : #75436e : -68
29 : #76416f : -66
31 : #783f71 : -64
33 : #7a3e72 : -62
35 : #7c3c73 : -60
37 : #7e3a75 : -58
39 : #803876 : -56
41 : #813677 : -54
43 : #833479 : -52
45 : #85327a : -50
47 : #87317b : -48
49 : #892f7d : -46
51 : #8b2d7e : -44
53 : #8c2b7f : -42
55 : #8e2981 : -40
57 : #902782 : -38
59 : #922684 : -36
61 : #942485 : -34
63 : #962286 : -32
65 : #972088 : -30
67 : #991e89 : -28
69 : #9b1c8a : -26
71 : #9d1b8c : -24
73 : #9f198d : -22
75 : #a1178e : -20
77 : #a21590 : -18
79 : #a41391 : -16
81 : #a61192 : -14
83 : #a81094 : -12
85 : #aa0e95 : -10
87 : #ac0c96 : -8
89 : #ae0a98 : -6
91 : #af0899 : -4
93 : #b1069a : -2
95 : #b3059c : ±0
97 : #b5039d : +2
99 : #b7019e : +4
L : 明度 ( 36% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -36
2 : #0a0009 : -34
4 : #140111 : -32
6 : #1e011a : -30
8 : #280123 : -28
10 : #32012b : -26
12 : #3c0234 : -24
14 : #46023d : -22
16 : #500245 : -20
18 : #5a024e : -18
20 : #630357 : -16
22 : #6d035f : -14
24 : #770368 : -12
26 : #810370 : -10
28 : #8b0479 : -8
30 : #950482 : -6
32 : #9f048a : -4
34 : #a90493 : -2
36 : #b3059c : ±0
38 : #bd05a4 : +2
40 : #c705ad : +4
42 : #d105b6 : +6
44 : #db06be : +8
46 : #e506c7 : +10
48 : #ef06d0 : +12
50 : #f906d8 : +14
52 : #f910da : +16
54 : #f91adb : +18
56 : #f924dd : +20
58 : #fa2edf : +22
60 : #fa38e0 : +24
62 : #fa42e2 : +26
64 : #fa4ce3 : +28
66 : #fb56e5 : +30
68 : #fb60e6 : +32
70 : #fb6ae8 : +34
72 : #fb74e9 : +36
74 : #fc7eeb : +38
76 : #fc88ec : +40
78 : #fc92ee : +42
80 : #fc9cf0 : +44
82 : #fda5f1 : +46
84 : #fdaff3 : +48
86 : #fdb9f4 : +50
88 : #fdc3f6 : +52
90 : #fecdf7 : +54
92 : #fed7f9 : +56
94 : #fee1fa : +58
96 : #feebfc : +60
98 : #fff5fd : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow