#21de73
RGB
赤 | 33 |
---|---|
緑 | 222 |
青 | 115 |
HSL
色相 | 146° |
---|---|
彩度 | 74% |
明度 | 50% |
輝度 | 60% |
3桁の色
補色
反転色
RGB ( 赤 = 33, 緑 = 222, 青 = 115 )
HSL ( 色相 = 146°, 彩度 = 74%, 明度 = 50% )
H : 色相 ( 146° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #de3421 : -140
16 : #de5321 : -130
26 : #de7321 : -120
36 : #de9221 : -110
46 : #deb221 : -100
56 : #ded121 : -90
66 : #cbde21 : -80
76 : #acde21 : -70
86 : #8cde21 : -60
96 : #6dde21 : -50
106 : #4dde21 : -40
116 : #2ede21 : -30
126 : #21de34 : -20
136 : #21de53 : -10
146 : #21de73 : ±0
156 : #21de92 : +10
166 : #21deb2 : +20
176 : #21ded1 : +30
186 : #21cbde : +40
196 : #21acde : +50
206 : #218cde : +60
216 : #216dde : +70
226 : #214dde : +80
236 : #212ede : +90
246 : #3421de : +100
256 : #5321de : +110
266 : #7321de : +120
276 : #9221de : +130
286 : #b221de : +140
296 : #d121de : +150
306 : #de21cb : +160
316 : #de21ac : +170
326 : #de218c : +180
336 : #de216d : +190
346 : #de214d : +200
356 : #de212e : +210
136 : #21de53 : -10
137 : #21de57 : -9
138 : #21de5a : -8
139 : #21de5d : -7
140 : #21de60 : -6
141 : #21de63 : -5
142 : #21de66 : -4
143 : #21de69 : -3
144 : #21de6d : -2
145 : #21de70 : -1
146 : #21de73 : ±0
147 : #21de76 : +1
148 : #21de79 : +2
149 : #21de7c : +3
150 : #21de80 : +4
151 : #21de83 : +5
152 : #21de86 : +6
153 : #21de89 : +7
154 : #21de8c : +8
155 : #21de8f : +9
156 : #21de92 : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -74
2 : #7d827f : -72
4 : #7a857f : -70
6 : #78877e : -68
8 : #758a7e : -66
10 : #738c7e : -64
12 : #708f7d : -62
14 : #6e917d : -60
16 : #6b947d : -58
18 : #69967c : -56
20 : #66997c : -54
22 : #639c7c : -52
24 : #619e7b : -50
26 : #5ea17b : -48
28 : #5ca37b : -46
30 : #59a67a : -44
32 : #57a87a : -42
34 : #54ab7a : -40
36 : #52ad79 : -38
38 : #4fb079 : -36
40 : #4db379 : -34
42 : #4ab578 : -32
44 : #47b878 : -30
46 : #45ba78 : -28
48 : #42bd77 : -26
50 : #40bf77 : -24
52 : #3dc277 : -22
54 : #3bc476 : -20
56 : #38c776 : -18
58 : #36c976 : -16
60 : #33cc75 : -14
62 : #30cf75 : -12
64 : #2ed175 : -10
66 : #2bd474 : -8
68 : #29d674 : -6
70 : #26d974 : -4
72 : #24db73 : -2
74 : #21de73 : ±0
76 : #1fe073 : +2
78 : #1ce372 : +4
80 : #1ae672 : +6
82 : #17e872 : +8
84 : #14eb71 : +10
86 : #12ed71 : +12
88 : #0ff071 : +14
90 : #0df270 : +16
92 : #0af570 : +18
94 : #08f770 : +20
96 : #05fa6f : +22
98 : #03fc6f : +24
100 : #00ff6f : +26
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #010905 : -48
4 : #031209 : -46
6 : #041b0e : -44
8 : #052312 : -42
10 : #072c17 : -40
12 : #08351c : -38
14 : #093e20 : -36
16 : #0b4725 : -34
18 : #0c5029 : -32
20 : #0d592e : -30
22 : #0f6233 : -28
24 : #106a37 : -26
26 : #11733c : -24
28 : #137c40 : -22
30 : #148545 : -20
32 : #158e4a : -18
34 : #17974e : -16
36 : #18a053 : -14
38 : #19a957 : -12
40 : #1bb15c : -10
42 : #1cba61 : -8
44 : #1dc365 : -6
46 : #1ecc6a : -4
48 : #20d56e : -2
50 : #21de73 : ±0
52 : #2adf79 : +2
54 : #33e17e : +4
56 : #3ce284 : +6
58 : #45e389 : +8
60 : #4ee48f : +10
62 : #56e695 : +12
64 : #5fe79a : +14
66 : #68e8a0 : +16
68 : #71eaa5 : +18
70 : #7aebab : +20
72 : #83ecb1 : +22
74 : #8ceeb6 : +24
76 : #95efbc : +26
78 : #9df0c1 : +28
80 : #a6f2c7 : +30
82 : #aff3cd : +32
84 : #b8f4d2 : +34
86 : #c1f6d8 : +36
88 : #caf7dd : +38
90 : #d3f8e3 : +40
92 : #dcfae9 : +42
94 : #e4fbee : +44
96 : #edfcf4 : +46
98 : #f6fef9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow