#6027fc
RGB
赤 | 96 |
---|---|
緑 | 39 |
青 | 252 |
HSL
色相 | 256° |
---|---|
彩度 | 97% |
明度 | 57% |
輝度 | 32% |
3桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 39, 青 = 252 )
HSL ( 色相 = 256°, 彩度 = 97%, 明度 = 57% )
H : 色相 ( 256° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fc3c27 : -250
16 : #fc6027 : -240
26 : #fc8327 : -230
36 : #fca727 : -220
46 : #fcca27 : -210
56 : #fcee27 : -200
66 : #e6fc27 : -190
76 : #c3fc27 : -180
86 : #a0fc27 : -170
96 : #7cfc27 : -160
106 : #59fc27 : -150
116 : #35fc27 : -140
126 : #27fc3c : -130
136 : #27fc60 : -120
146 : #27fc83 : -110
156 : #27fca7 : -100
166 : #27fcca : -90
176 : #27fcee : -80
186 : #27e6fc : -70
196 : #27c3fc : -60
206 : #27a0fc : -50
216 : #277cfc : -40
226 : #2759fc : -30
236 : #2735fc : -20
246 : #3c27fc : -10
256 : #6027fc : ±0
266 : #8327fc : +10
276 : #a727fc : +20
286 : #ca27fc : +30
296 : #ee27fc : +40
306 : #fc27e6 : +50
316 : #fc27c3 : +60
326 : #fc27a0 : +70
336 : #fc277c : +80
346 : #fc2759 : +90
356 : #fc2735 : +100
246 : #3c27fc : -10
247 : #4027fc : -9
248 : #4327fc : -8
249 : #4727fc : -7
250 : #4a27fc : -6
251 : #4e27fc : -5
252 : #5227fc : -4
253 : #5527fc : -3
254 : #5927fc : -2
255 : #5c27fc : -1
256 : #6027fc : ±0
257 : #6327fc : +1
258 : #6727fc : +2
259 : #6a27fc : +3
260 : #6e27fc : +4
261 : #7127fc : +5
262 : #7527fc : +6
263 : #7927fc : +7
264 : #7c27fc : +8
265 : #8027fc : +9
266 : #8327fc : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #919092 : -96
3 : #908e95 : -94
5 : #8f8c97 : -92
7 : #8e8a99 : -90
9 : #8d879b : -88
11 : #8c859d : -86
13 : #8b83a0 : -84
15 : #8a81a2 : -82
17 : #897fa4 : -80
19 : #887da6 : -78
21 : #877aa8 : -76
23 : #8678ab : -74
25 : #8576ad : -72
27 : #8474af : -70
29 : #8372b1 : -68
31 : #816fb3 : -66
33 : #806db6 : -64
35 : #7f6bb8 : -62
37 : #7e69ba : -60
39 : #7d67bc : -58
41 : #7c64be : -56
43 : #7b62c0 : -54
45 : #7a60c3 : -52
47 : #795ec5 : -50
49 : #785cc7 : -48
51 : #7759c9 : -46
53 : #7657cb : -44
55 : #7555ce : -42
57 : #7453d0 : -40
59 : #7351d2 : -38
61 : #724ed4 : -36
63 : #714cd6 : -34
65 : #704ad9 : -32
67 : #6f48db : -30
69 : #6e46dd : -28
71 : #6d43df : -26
73 : #6c41e1 : -24
75 : #6b3fe4 : -22
77 : #6a3de6 : -20
79 : #693be8 : -18
81 : #6839ea : -16
83 : #6736ec : -14
85 : #6634ef : -12
87 : #6532f1 : -10
89 : #6430f3 : -8
91 : #632ef5 : -6
93 : #622bf7 : -4
95 : #6129fa : -2
97 : #6027fc : ±0
99 : #5f25fe : +2
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #010005 : -56
3 : #04000f : -54
5 : #070019 : -52
7 : #0a0123 : -50
9 : #0d012d : -48
11 : #0f0137 : -46
13 : #120141 : -44
15 : #15014b : -42
17 : #180155 : -40
19 : #1b015f : -38
21 : #1d0269 : -36
23 : #200274 : -34
25 : #23027e : -32
27 : #260288 : -30
29 : #280292 : -28
31 : #2b029c : -26
33 : #2e03a6 : -24
35 : #3103b0 : -22
37 : #3403ba : -20
39 : #3603c4 : -18
41 : #3903ce : -16
43 : #3c03d8 : -14
45 : #3f03e2 : -12
47 : #4204ec : -10
49 : #4404f6 : -8
51 : #4909fb : -6
53 : #5113fb : -4
55 : #581dfc : -2
57 : #6027fc : ±0
59 : #6731fc : +2
61 : #6f3bfc : +4
63 : #7645fc : +6
65 : #7d4ffc : +8
67 : #8559fc : +10
69 : #8c63fd : +12
71 : #946dfd : +14
73 : #9b77fd : +16
75 : #a281fd : +18
77 : #aa8bfd : +20
79 : #b196fd : +22
81 : #b9a0fe : +24
83 : #c0aafe : +26
85 : #c7b4fe : +28
87 : #cfbefe : +30
89 : #d6c8fe : +32
91 : #ded2fe : +34
93 : #e5dcfe : +36
95 : #ece6ff : +38
97 : #f4f0ff : +40
99 : #fbfaff : +42
CSS入門、作ってます。
text-shadow