#4afc53
RGB
赤 | 74 |
---|---|
緑 | 252 |
青 | 83 |
HSL
色相 | 123° |
---|---|
彩度 | 97% |
明度 | 64% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 74, 緑 = 252, 青 = 83 )
HSL ( 色相 = 123°, 彩度 = 97%, 明度 = 64% )
H : 色相 ( 123° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #fc534a : -120
13 : #fc714a : -110
23 : #fc8e4a : -100
33 : #fcac4a : -90
43 : #fcca4a : -80
53 : #fce74a : -70
63 : #f3fc4a : -60
73 : #d6fc4a : -50
83 : #b8fc4a : -40
93 : #9afc4a : -30
103 : #7dfc4a : -20
113 : #5ffc4a : -10
123 : #4afc53 : ±0
133 : #4afc71 : +10
143 : #4afc8e : +20
153 : #4afcac : +30
163 : #4afcca : +40
173 : #4afce7 : +50
183 : #4af3fc : +60
193 : #4ad6fc : +70
203 : #4ab8fc : +80
213 : #4a9afc : +90
223 : #4a7dfc : +100
233 : #4a5ffc : +110
243 : #534afc : +120
253 : #714afc : +130
263 : #8e4afc : +140
273 : #ac4afc : +150
283 : #ca4afc : +160
293 : #e74afc : +170
303 : #fc4af3 : +180
313 : #fc4ad6 : +190
323 : #fc4ab8 : +200
333 : #fc4a9a : +210
343 : #fc4a7d : +220
353 : #fc4a5f : +230
113 : #5ffc4a : -10
114 : #5cfc4a : -9
115 : #59fc4a : -8
116 : #56fc4a : -7
117 : #53fc4a : -6
118 : #50fc4a : -5
119 : #4dfc4a : -4
120 : #4afc4a : -3
121 : #4afc4d : -2
122 : #4afc50 : -1
123 : #4afc53 : ±0
124 : #4afc56 : +1
125 : #4afc59 : +2
126 : #4afc5c : +3
127 : #4afc5f : +4
128 : #4afc62 : +5
129 : #4afc65 : +6
130 : #4afc68 : +7
131 : #4afc6b : +8
132 : #4afc6e : +9
133 : #4afc71 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a4a2 : -96
3 : #a0a6a1 : -94
5 : #9fa89f : -92
7 : #9daa9d : -90
9 : #9bab9c : -88
11 : #99ad9a : -86
13 : #97af98 : -84
15 : #95b197 : -82
17 : #94b395 : -80
19 : #92b594 : -78
21 : #90b692 : -76
23 : #8eb890 : -74
25 : #8cba8f : -72
27 : #8abc8d : -70
29 : #89be8b : -68
31 : #87c08a : -66
33 : #85c188 : -64
35 : #83c386 : -62
37 : #81c585 : -60
39 : #7fc783 : -58
41 : #7ec981 : -56
43 : #7ccb80 : -54
45 : #7acd7e : -52
47 : #78ce7c : -50
49 : #76d07b : -48
51 : #74d279 : -46
53 : #73d477 : -44
55 : #71d676 : -42
57 : #6fd874 : -40
59 : #6dd972 : -38
61 : #6bdb71 : -36
63 : #69dd6f : -34
65 : #68df6d : -32
67 : #66e16c : -30
69 : #64e36a : -28
71 : #62e469 : -26
73 : #60e667 : -24
75 : #5ee865 : -22
77 : #5dea64 : -20
79 : #5bec62 : -18
81 : #59ee60 : -16
83 : #57ef5f : -14
85 : #55f15d : -12
87 : #53f35b : -10
89 : #51f55a : -8
91 : #50f758 : -6
93 : #4ef956 : -4
95 : #4cfa55 : -2
97 : #4afc53 : ±0
99 : #48fe51 : +2
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #000a01 : -62
4 : #001401 : -60
6 : #001e02 : -58
8 : #012803 : -56
10 : #013203 : -54
12 : #013c04 : -52
14 : #014605 : -50
16 : #015005 : -48
18 : #015a06 : -46
20 : #026406 : -44
22 : #026f07 : -42
24 : #027908 : -40
26 : #028308 : -38
28 : #028d09 : -36
30 : #02970a : -34
32 : #02a10a : -32
34 : #03ab0b : -30
36 : #03b50c : -28
38 : #03bf0c : -26
40 : #03c90d : -24
42 : #03d30e : -22
44 : #03dd0e : -20
46 : #04e70f : -18
48 : #04f110 : -16
50 : #04fb10 : -14
52 : #0efb1a : -12
54 : #18fb23 : -10
56 : #22fc2d : -8
58 : #2cfc36 : -6
60 : #36fc40 : -4
62 : #40fc4a : -2
64 : #4afc53 : ±0
66 : #54fc5d : +2
68 : #5efd66 : +4
70 : #68fd70 : +6
72 : #72fd79 : +8
74 : #7cfd83 : +10
76 : #86fd8c : +12
78 : #90fd96 : +14
80 : #9bfd9f : +16
82 : #a5fea9 : +18
84 : #affeb3 : +20
86 : #b9febc : +22
88 : #c3fec6 : +24
90 : #cdfecf : +26
92 : #d7fed9 : +28
94 : #e1ffe2 : +30
96 : #ebffec : +32
98 : #f5fff5 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow