#60fb81
RGB
赤 | 96 |
---|---|
緑 | 251 |
青 | 129 |
HSL
色相 | 133° |
---|---|
彩度 | 95% |
明度 | 68% |
輝度 | 75% |
3桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 251, 青 = 129 )
HSL ( 色相 = 133°, 彩度 = 95%, 明度 = 68% )
H : 色相 ( 133° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #fb6860 : -130
13 : #fb8160 : -120
23 : #fb9b60 : -110
33 : #fbb560 : -100
43 : #fbcf60 : -90
53 : #fbe960 : -80
63 : #f3fb60 : -70
73 : #d9fb60 : -60
83 : #bffb60 : -50
93 : #a6fb60 : -40
103 : #8cfb60 : -30
113 : #72fb60 : -20
123 : #60fb68 : -10
133 : #60fb81 : ±0
143 : #60fb9b : +10
153 : #60fbb5 : +20
163 : #60fbcf : +30
173 : #60fbe9 : +40
183 : #60f3fb : +50
193 : #60d9fb : +60
203 : #60bffb : +70
213 : #60a6fb : +80
223 : #608cfb : +90
233 : #6072fb : +100
243 : #6860fb : +110
253 : #8160fb : +120
263 : #9b60fb : +130
273 : #b560fb : +140
283 : #cf60fb : +150
293 : #e960fb : +160
303 : #fb60f3 : +170
313 : #fb60d9 : +180
323 : #fb60bf : +190
333 : #fb60a6 : +200
343 : #fb608c : +210
353 : #fb6072 : +220
123 : #60fb68 : -10
124 : #60fb6a : -9
125 : #60fb6d : -8
126 : #60fb6f : -7
127 : #60fb72 : -6
128 : #60fb75 : -5
129 : #60fb77 : -4
130 : #60fb7a : -3
131 : #60fb7c : -2
132 : #60fb7f : -1
133 : #60fb81 : ±0
134 : #60fb84 : +1
135 : #60fb87 : +2
136 : #60fb89 : +3
137 : #60fb8c : +4
138 : #60fb8e : +5
139 : #60fb91 : +6
140 : #60fb94 : +7
141 : #60fb96 : +8
142 : #60fb99 : +9
143 : #60fb9b : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #adaead : -94
3 : #abb0ac : -92
5 : #a9b1ab : -90
7 : #a8b3aa : -88
9 : #a6b5a9 : -86
11 : #a4b6a8 : -84
13 : #a3b8a7 : -82
15 : #a1baa6 : -80
17 : #a0bba6 : -78
19 : #9ebda5 : -76
21 : #9cbfa4 : -74
23 : #9bc0a3 : -72
25 : #99c2a2 : -70
27 : #97c3a1 : -68
29 : #96c5a0 : -66
31 : #94c79f : -64
33 : #92c89e : -62
35 : #91ca9d : -60
37 : #8fcc9c : -58
39 : #8ecd9b : -56
41 : #8ccf9a : -54
43 : #8ad09a : -52
45 : #89d299 : -50
47 : #87d498 : -48
49 : #85d597 : -46
51 : #84d796 : -44
53 : #82d995 : -42
55 : #81da94 : -40
57 : #7fdc93 : -38
59 : #7dde92 : -36
61 : #7cdf91 : -34
63 : #7ae190 : -32
65 : #78e28f : -30
67 : #77e48e : -28
69 : #75e68d : -26
71 : #73e78d : -24
73 : #72e98c : -22
75 : #70eb8b : -20
77 : #6fec8a : -18
79 : #6dee89 : -16
81 : #6bef88 : -14
83 : #6af187 : -12
85 : #68f386 : -10
87 : #66f485 : -8
89 : #65f684 : -6
91 : #63f883 : -4
93 : #62f982 : -2
95 : #60fb81 : ±0
97 : #5efd81 : +2
99 : #5dfe80 : +4
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #000a02 : -66
4 : #011405 : -64
6 : #011e07 : -62
8 : #012809 : -60
10 : #01320c : -58
12 : #023c0e : -56
14 : #024610 : -54
16 : #025013 : -52
18 : #025a15 : -50
20 : #036318 : -48
22 : #036d1a : -46
24 : #03771c : -44
26 : #03811f : -42
28 : #048b21 : -40
30 : #049523 : -38
32 : #049f26 : -36
34 : #04a928 : -34
36 : #05b32a : -32
38 : #05bd2d : -30
40 : #05c72f : -28
42 : #05d131 : -26
44 : #06db34 : -24
46 : #06e536 : -22
48 : #06ef39 : -20
50 : #06f93b : -18
52 : #10f943 : -16
54 : #1af94b : -14
56 : #24f952 : -12
58 : #2efa5a : -10
60 : #38fa62 : -8
62 : #42fa6a : -6
64 : #4cfa72 : -4
66 : #56fb7a : -2
68 : #60fb81 : ±0
70 : #6afb89 : +2
72 : #74fb91 : +4
74 : #7efc99 : +6
76 : #88fca1 : +8
78 : #92fca9 : +10
80 : #9cfcb1 : +12
82 : #a5fdb8 : +14
84 : #affdc0 : +16
86 : #b9fdc8 : +18
88 : #c3fdd0 : +20
90 : #cdfed8 : +22
92 : #d7fee0 : +24
94 : #e1fee7 : +26
96 : #ebfeef : +28
98 : #f5fff7 : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow