#73f293
RGB
赤 | 115 |
---|---|
緑 | 242 |
青 | 147 |
HSL
色相 | 135° |
---|---|
彩度 | 83% |
明度 | 70% |
輝度 | 76% |
3桁の色
補色
反転色
RGB ( 赤 = 115, 緑 = 242, 青 = 147 )
HSL ( 色相 = 135°, 彩度 = 83%, 明度 = 70% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #f27e73 : -130
15 : #f29373 : -120
25 : #f2a873 : -110
35 : #f2bd73 : -100
45 : #f2d273 : -90
55 : #f2e773 : -80
65 : #e7f273 : -70
75 : #d2f273 : -60
85 : #bdf273 : -50
95 : #a8f273 : -40
105 : #93f273 : -30
115 : #7ef273 : -20
125 : #73f27e : -10
135 : #73f293 : ±0
145 : #73f2a8 : +10
155 : #73f2bd : +20
165 : #73f2d2 : +30
175 : #73f2e7 : +40
185 : #73e7f2 : +50
195 : #73d2f2 : +60
205 : #73bdf2 : +70
215 : #73a8f2 : +80
225 : #7393f2 : +90
235 : #737ef2 : +100
245 : #7e73f2 : +110
255 : #9373f2 : +120
265 : #a873f2 : +130
275 : #bd73f2 : +140
285 : #d273f2 : +150
295 : #e773f2 : +160
305 : #f273e7 : +170
315 : #f273d2 : +180
325 : #f273bd : +190
335 : #f273a8 : +200
345 : #f27393 : +210
355 : #f2737e : +220
125 : #73f27e : -10
126 : #73f280 : -9
127 : #73f282 : -8
128 : #73f284 : -7
129 : #73f286 : -6
130 : #73f288 : -5
131 : #73f28a : -4
132 : #73f28c : -3
133 : #73f28f : -2
134 : #73f291 : -1
135 : #73f293 : ±0
136 : #73f295 : +1
137 : #73f297 : +2
138 : #73f299 : +3
139 : #73f29b : +4
140 : #73f29d : +5
141 : #73f29f : +6
142 : #73f2a2 : +7
143 : #73f2a4 : +8
144 : #73f2a6 : +9
145 : #73f2a8 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b2b3b2 : -82
3 : #b0b5b1 : -80
5 : #afb6b1 : -78
7 : #adb8b0 : -76
9 : #acb9af : -74
11 : #aabbae : -72
13 : #a9bcae : -70
15 : #a7bead : -68
17 : #a5c0ac : -66
19 : #a4c1ab : -64
21 : #a2c3aa : -62
23 : #a1c4aa : -60
25 : #9fc6a9 : -58
27 : #9ec7a8 : -56
29 : #9cc9a7 : -54
31 : #9bcaa7 : -52
33 : #99cca6 : -50
35 : #98cda5 : -48
37 : #96cfa4 : -46
39 : #95d0a4 : -44
41 : #93d2a3 : -42
43 : #92d3a2 : -40
45 : #90d5a1 : -38
47 : #8fd6a1 : -36
49 : #8dd8a0 : -34
51 : #8bda9f : -32
53 : #8adb9e : -30
55 : #88dd9d : -28
57 : #87de9d : -26
59 : #85e09c : -24
61 : #84e19b : -22
63 : #82e39a : -20
65 : #81e49a : -18
67 : #7fe699 : -16
69 : #7ee798 : -14
71 : #7ce997 : -12
73 : #7bea97 : -10
75 : #79ec96 : -8
77 : #78ed95 : -6
79 : #76ef94 : -4
81 : #75f094 : -2
83 : #73f293 : ±0
85 : #71f492 : +2
87 : #70f591 : +4
89 : #6ef790 : +6
91 : #6df890 : +8
93 : #6bfa8f : +10
95 : #6afb8e : +12
97 : #68fd8d : +14
99 : #67fe8d : +16
L : 明度 ( 70% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -70
2 : #010903 : -68
4 : #021306 : -66
6 : #031c09 : -64
8 : #03250c : -62
10 : #042f0f : -60
12 : #053812 : -58
14 : #064115 : -56
16 : #074b18 : -54
18 : #08541b : -52
20 : #095d1e : -50
22 : #0a6721 : -48
24 : #0a7024 : -46
26 : #0b7927 : -44
28 : #0c832a : -42
30 : #0d8c2d : -40
32 : #0e9530 : -38
34 : #0f9f33 : -36
36 : #10a836 : -34
38 : #10b139 : -32
40 : #11bb3c : -30
42 : #12c43f : -28
44 : #13cd42 : -26
46 : #14d745 : -24
48 : #15e048 : -22
50 : #16e94b : -20
52 : #1fea52 : -18
54 : #28eb59 : -16
56 : #32ec60 : -14
58 : #3bed67 : -12
60 : #44ee6f : -10
62 : #4eef76 : -8
64 : #57ef7d : -6
66 : #60f084 : -4
68 : #6af18c : -2
70 : #73f293 : ±0
72 : #7cf39a : +2
74 : #86f4a1 : +4
76 : #8ff5a8 : +6
78 : #98f5b0 : +8
80 : #a2f6b7 : +10
82 : #abf7be : +12
84 : #b4f8c5 : +14
86 : #bef9cc : +16
88 : #c7fad4 : +18
90 : #d0fbdb : +20
92 : #dafce2 : +22
94 : #e3fce9 : +24
96 : #ecfdf1 : +26
98 : #f6fef8 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow