#4349fe
RGB
赤 | 67 |
---|---|
緑 | 73 |
青 | 254 |
HSL
色相 | 238° |
---|---|
彩度 | 99% |
明度 | 63% |
輝度 | 36% |
3桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 73, 青 = 254 )
HSL ( 色相 = 238°, 彩度 = 99%, 明度 = 63% )
H : 色相 ( 238° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #fe5c43 : -230
18 : #fe7b43 : -220
28 : #fe9a43 : -210
38 : #feba43 : -200
48 : #fed943 : -190
58 : #fef843 : -180
68 : #e5fe43 : -170
78 : #c6fe43 : -160
88 : #a7fe43 : -150
98 : #88fe43 : -140
108 : #69fe43 : -130
118 : #49fe43 : -120
128 : #43fe5c : -110
138 : #43fe7b : -100
148 : #43fe9a : -90
158 : #43feba : -80
168 : #43fed9 : -70
178 : #43fef8 : -60
188 : #43e5fe : -50
198 : #43c6fe : -40
208 : #43a7fe : -30
218 : #4388fe : -20
228 : #4369fe : -10
238 : #4349fe : ±0
248 : #5c43fe : +10
258 : #7b43fe : +20
268 : #9a43fe : +30
278 : #ba43fe : +40
288 : #d943fe : +50
298 : #f843fe : +60
308 : #fe43e5 : +70
318 : #fe43c6 : +80
328 : #fe43a7 : +90
338 : #fe4388 : +100
348 : #fe4369 : +110
358 : #fe4349 : +120
228 : #4369fe : -10
229 : #4365fe : -9
230 : #4362fe : -8
231 : #435ffe : -7
232 : #435cfe : -6
233 : #4359fe : -5
234 : #4356fe : -4
235 : #4353fe : -3
236 : #4350fe : -2
237 : #434dfe : -1
238 : #4349fe : ±0
239 : #4346fe : +1
240 : #4343fe : +2
241 : #4643fe : +3
242 : #4943fe : +4
243 : #4d43fe : +5
244 : #5043fe : +6
245 : #5343fe : +7
246 : #5643fe : +8
247 : #5943fe : +9
248 : #5c43fe : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a0a0a2 : -98
3 : #9e9ea3 : -96
5 : #9c9ca5 : -94
7 : #9a9aa7 : -92
9 : #9899a9 : -90
11 : #9697ab : -88
13 : #9495ad : -86
15 : #9293af : -84
17 : #9192b1 : -82
19 : #8f90b3 : -80
21 : #8d8eb4 : -78
23 : #8b8cb6 : -76
25 : #898bb8 : -74
27 : #8789ba : -72
29 : #8587bc : -70
31 : #8385be : -68
33 : #8284c0 : -66
35 : #8082c2 : -64
37 : #7e80c4 : -62
39 : #7c7ec5 : -60
41 : #7a7dc7 : -58
43 : #787bc9 : -56
45 : #7679cb : -54
47 : #7477cd : -52
49 : #7276cf : -50
51 : #7174d1 : -48
53 : #6f72d3 : -46
55 : #6d70d5 : -44
57 : #6b6ed6 : -42
59 : #696dd8 : -40
61 : #676bda : -38
63 : #6569dc : -36
65 : #6367de : -34
67 : #6166e0 : -32
69 : #6064e2 : -30
71 : #5e62e4 : -28
73 : #5c60e6 : -26
75 : #5a5fe7 : -24
77 : #585de9 : -22
79 : #565beb : -20
81 : #5459ed : -18
83 : #5258ef : -16
85 : #5056f1 : -14
87 : #4f54f3 : -12
89 : #4d52f5 : -10
91 : #4b51f7 : -8
93 : #494ff8 : -6
95 : #474dfa : -4
97 : #454bfc : -2
99 : #4349fe : ±0
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #000005 : -62
3 : #00010f : -60
5 : #000119 : -58
7 : #000124 : -56
9 : #00022e : -54
11 : #000238 : -52
13 : #000342 : -50
15 : #00034c : -48
17 : #000356 : -46
19 : #000460 : -44
21 : #01046b : -42
23 : #010475 : -40
25 : #01057f : -38
27 : #010589 : -36
29 : #010693 : -34
31 : #01069d : -32
33 : #0106a7 : -30
35 : #0107b2 : -28
37 : #0107bc : -26
39 : #0108c6 : -24
41 : #0108d0 : -22
43 : #0108da : -20
45 : #0109e4 : -18
47 : #0109ef : -16
49 : #0109f9 : -14
51 : #060ffe : -12
53 : #1018fe : -10
55 : #1b22fe : -8
57 : #252cfe : -6
59 : #2f36fe : -4
61 : #3940fe : -2
63 : #4349fe : ±0
65 : #4d53fe : +2
67 : #585dfe : +4
69 : #6267fe : +6
71 : #6c71fe : +8
73 : #767bfe : +10
75 : #8084fe : +12
77 : #8a8efe : +14
79 : #9498fe : +16
81 : #9fa2ff : +18
83 : #a9acff : +20
85 : #b3b5ff : +22
87 : #bdbfff : +24
89 : #c7c9ff : +26
91 : #d1d3ff : +28
93 : #dbddff : +30
95 : #e6e6ff : +32
97 : #f0f0ff : +34
99 : #fafaff : +36
CSS入門、作ってます。
text-shadow