#9f044c
RGB
赤 | 159 |
---|---|
緑 | 4 |
青 | 76 |
HSL
色相 | 332° |
---|---|
彩度 | 95% |
明度 | 32% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 159, 緑 = 4, 青 = 76 )
HSL ( 色相 = 332°, 彩度 = 95%, 明度 = 32% )
H : 色相 ( 332° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #9f0904 : -330
12 : #9f2304 : -320
22 : #9f3d04 : -310
32 : #9f5704 : -300
42 : #9f7104 : -290
52 : #9f8a04 : -280
62 : #9a9f04 : -270
72 : #809f04 : -260
82 : #669f04 : -250
92 : #4c9f04 : -240
102 : #339f04 : -230
112 : #199f04 : -220
122 : #049f09 : -210
132 : #049f23 : -200
142 : #049f3d : -190
152 : #049f57 : -180
162 : #049f71 : -170
172 : #049f8a : -160
182 : #049a9f : -150
192 : #04809f : -140
202 : #04669f : -130
212 : #044c9f : -120
222 : #04339f : -110
232 : #04199f : -100
242 : #09049f : -90
252 : #23049f : -80
262 : #3d049f : -70
272 : #57049f : -60
282 : #71049f : -50
292 : #8a049f : -40
302 : #9f049a : -30
312 : #9f0480 : -20
322 : #9f0466 : -10
332 : #9f044c : ±0
342 : #9f0433 : +10
352 : #9f0419 : +20
322 : #9f0466 : -10
323 : #9f0464 : -9
324 : #9f0461 : -8
325 : #9f045f : -7
326 : #9f045c : -6
327 : #9f0459 : -5
328 : #9f0457 : -4
329 : #9f0454 : -3
330 : #9f0452 : -2
331 : #9f044f : -1
332 : #9f044c : ±0
333 : #9f044a : +1
334 : #9f0447 : +2
335 : #9f0445 : +3
336 : #9f0442 : +4
337 : #9f0440 : +5
338 : #9f043d : +6
339 : #9f043a : +7
340 : #9f0438 : +8
341 : #9f0435 : +9
342 : #9f0433 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525152 : -94
3 : #544f51 : -92
5 : #564e51 : -90
7 : #574c51 : -88
9 : #594a51 : -86
11 : #5b4951 : -84
13 : #5c4751 : -82
15 : #5e4551 : -80
17 : #5f4451 : -78
19 : #614251 : -76
21 : #634050 : -74
23 : #643f50 : -72
25 : #663d50 : -70
27 : #683c50 : -68
29 : #693a50 : -66
31 : #6b3850 : -64
33 : #6d3750 : -62
35 : #6e3550 : -60
37 : #703350 : -58
39 : #71324f : -56
41 : #73304f : -54
43 : #752f4f : -52
45 : #762d4f : -50
47 : #782b4f : -48
49 : #7a2a4f : -46
51 : #7b284f : -44
53 : #7d264f : -42
55 : #7e254f : -40
57 : #80234e : -38
59 : #82214e : -36
61 : #83204e : -34
63 : #851e4e : -32
65 : #871d4e : -30
67 : #881b4e : -28
69 : #8a194e : -26
71 : #8c184e : -24
73 : #8d164e : -22
75 : #8f144e : -20
77 : #90134d : -18
79 : #92114d : -16
81 : #94104d : -14
83 : #950e4d : -12
85 : #970c4d : -10
87 : #990b4d : -8
89 : #9a094d : -6
91 : #9c074d : -4
93 : #9d064d : -2
95 : #9f044c : ±0
97 : #a1024c : +2
99 : #a2014c : +4
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #0a0005 : -30
4 : #14010a : -28
6 : #1e010e : -26
8 : #280113 : -24
10 : #320118 : -22
12 : #3c021d : -20
14 : #460221 : -18
16 : #500226 : -16
18 : #5a022b : -14
20 : #630330 : -12
22 : #6d0335 : -10
24 : #770339 : -8
26 : #81033e : -6
28 : #8b0443 : -4
30 : #950448 : -2
32 : #9f044c : ±0
34 : #a90451 : +2
36 : #b30556 : +4
38 : #bd055b : +6
40 : #c70560 : +8
42 : #d10564 : +10
44 : #db0669 : +12
46 : #e5066e : +14
48 : #ef0673 : +16
50 : #f90677 : +18
52 : #f9107d : +20
54 : #f91a82 : +22
56 : #f92488 : +24
58 : #fa2e8d : +26
60 : #fa3893 : +28
62 : #fa4298 : +30
64 : #fa4c9d : +32
66 : #fb56a3 : +34
68 : #fb60a8 : +36
70 : #fb6aae : +38
72 : #fb74b3 : +40
74 : #fc7eb9 : +42
76 : #fc88be : +44
78 : #fc92c3 : +46
80 : #fc9cc9 : +48
82 : #fda5ce : +50
84 : #fdafd4 : +52
86 : #fdb9d9 : +54
88 : #fdc3de : +56
90 : #fecde4 : +58
92 : #fed7e9 : +60
94 : #fee1ef : +62
96 : #feebf4 : +64
98 : #fff5fa : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow