#7603ce
RGB
| 赤 | 118 |
|---|---|
| 緑 | 3 |
| 青 | 206 |
HSL
| 色相 | 274° |
|---|---|
| 彩度 | 97% |
| 明度 | 41% |
| 輝度 | 24% |
３桁の色
補色
反転色
RGB ( 赤 = 118, 緑 = 3, 青 = 206 )
HSL ( 色相 = 274°, 彩度 = 97%, 明度 = 41% )
H : 色相 ( 274° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #ce1103 : -270
14 : #ce3203 : -260
24 : #ce5403 : -250
34 : #ce7603 : -240
44 : #ce9803 : -230
54 : #ceba03 : -220
64 : #c0ce03 : -210
74 : #9fce03 : -200
84 : #7dce03 : -190
94 : #5bce03 : -180
104 : #39ce03 : -170
114 : #17ce03 : -160
124 : #03ce11 : -150
134 : #03ce32 : -140
144 : #03ce54 : -130
154 : #03ce76 : -120
164 : #03ce98 : -110
174 : #03ceba : -100
184 : #03c0ce : -90
194 : #039fce : -80
204 : #037dce : -70
214 : #035bce : -60
224 : #0339ce : -50
234 : #0317ce : -40
244 : #1103ce : -30
254 : #3203ce : -20
264 : #5403ce : -10
274 : #7603ce : ±0
284 : #9803ce : +10
294 : #ba03ce : +20
304 : #ce03c0 : +30
314 : #ce039f : +40
324 : #ce037d : +50
334 : #ce035b : +60
344 : #ce0339 : +70
354 : #ce0317 : +80
264 : #5403ce : -10
265 : #5803ce : -9
266 : #5b03ce : -8
267 : #5e03ce : -7
268 : #6203ce : -6
269 : #6503ce : -5
270 : #6903ce : -4
271 : #6c03ce : -3
272 : #6f03ce : -2
273 : #7303ce : -1
274 : #7603ce : ±0
275 : #7903ce : +1
276 : #7d03ce : +2
277 : #8003ce : +3
278 : #8403ce : +4
279 : #8703ce : +5
280 : #8a03ce : +6
281 : #8e03ce : +7
282 : #9103ce : +8
283 : #9403ce : +9
284 : #9803ce : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #69686a : -96
3 : #69656c : -94
5 : #69636e : -92
7 : #6a6170 : -90
9 : #6a5f72 : -88
11 : #6a5d74 : -86
13 : #6a5b76 : -84
15 : #6b5978 : -82
17 : #6b577a : -80
19 : #6b557c : -78
21 : #6b537f : -76
23 : #6c5181 : -74
25 : #6c4e83 : -72
27 : #6c4c85 : -70
29 : #6d4a87 : -68
31 : #6d4889 : -66
33 : #6d468b : -64
35 : #6d448d : -62
37 : #6e428f : -60
39 : #6e4091 : -58
41 : #6e3e93 : -56
43 : #6f3c96 : -54
45 : #6f3a98 : -52
47 : #6f379a : -50
49 : #6f359c : -48
51 : #70339e : -46
53 : #7031a0 : -44
55 : #702fa2 : -42
57 : #702da4 : -40
59 : #712ba6 : -38
61 : #7129a8 : -36
63 : #7127aa : -34
65 : #7225ad : -32
67 : #7223af : -30
69 : #7220b1 : -28
71 : #721eb3 : -26
73 : #731cb5 : -24
75 : #731ab7 : -22
77 : #7318b9 : -20
79 : #7416bb : -18
81 : #7414bd : -16
83 : #7412bf : -14
85 : #7410c1 : -12
87 : #750ec4 : -10
89 : #750cc6 : -8
91 : #7509c8 : -6
93 : #7607ca : -4
95 : #7605cc : -2
97 : #7603ce : ±0
99 : #7601d0 : +2
L : 明度 ( 41% )
(0%) 暗い ～ 明るい (100%)
1 : #030005 : -40
3 : #09000f : -38
5 : #0e0019 : -36
7 : #140123 : -34
9 : #1a012d : -32
11 : #200137 : -30
13 : #250141 : -28
15 : #2b014b : -26
17 : #310155 : -24
19 : #37015f : -22
21 : #3c0269 : -20
23 : #420274 : -18
25 : #48027e : -16
27 : #4e0288 : -14
29 : #540292 : -12
31 : #59029c : -10
33 : #5f03a6 : -8
35 : #6503b0 : -6
37 : #6b03ba : -4
39 : #7003c4 : -2
41 : #7603ce : ±0
43 : #7c03d8 : +2
45 : #8203e2 : +4
47 : #8704ec : +6
49 : #8d04f6 : +8
51 : #9209fb : +10
53 : #9713fb : +12
55 : #9b1dfc : +14
57 : #a027fc : +16
59 : #a431fc : +18
61 : #a83bfc : +20
63 : #ad45fc : +22
65 : #b14ffc : +24
67 : #b659fc : +26
69 : #ba63fd : +28
71 : #bf6dfd : +30
73 : #c377fd : +32
75 : #c781fd : +34
77 : #cc8bfd : +36
79 : #d096fd : +38
81 : #d5a0fe : +40
83 : #d9aafe : +42
85 : #deb4fe : +44
87 : #e2befe : +46
89 : #e7c8fe : +48
91 : #ebd2fe : +50
93 : #efdcfe : +52
95 : #f4e6ff : +54
97 : #f8f0ff : +56
99 : #fdfaff : +58
CSS入門、作ってます。
text-shadow