#741569
RGB
赤 | 116 |
---|---|
緑 | 21 |
青 | 105 |
HSL
色相 | 307° |
---|---|
彩度 | 69% |
明度 | 27% |
輝度 | 23% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 116, 緑 = 21, 青 = 105 )
HSL ( 色相 = 307°, 彩度 = 69%, 明度 = 27% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #742015 : -300
17 : #743015 : -290
27 : #744015 : -280
37 : #745015 : -270
47 : #746015 : -260
57 : #747015 : -250
67 : #697415 : -240
77 : #597415 : -230
87 : #4a7415 : -220
97 : #3a7415 : -210
107 : #2a7415 : -200
117 : #1a7415 : -190
127 : #157420 : -180
137 : #157430 : -170
147 : #157440 : -160
157 : #157450 : -150
167 : #157460 : -140
177 : #157470 : -130
187 : #156974 : -120
197 : #155974 : -110
207 : #154a74 : -100
217 : #153a74 : -90
227 : #152a74 : -80
237 : #151a74 : -70
247 : #201574 : -60
257 : #301574 : -50
267 : #401574 : -40
277 : #501574 : -30
287 : #601574 : -20
297 : #701574 : -10
307 : #741569 : ±0
317 : #741559 : +10
327 : #74154a : +20
337 : #74153a : +30
347 : #74152a : +40
357 : #74151a : +50
297 : #701574 : -10
298 : #711574 : -9
299 : #731574 : -8
300 : #741574 : -7
301 : #741573 : -6
302 : #741571 : -5
303 : #741570 : -4
304 : #74156e : -3
305 : #74156c : -2
306 : #74156b : -1
307 : #741569 : ±0
308 : #741568 : +1
309 : #741566 : +2
310 : #741565 : +3
311 : #741563 : +4
312 : #741561 : +5
313 : #741560 : +6
314 : #74155e : +7
315 : #74155d : +8
316 : #74155b : +9
317 : #741559 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -68
3 : #474346 : -66
5 : #484147 : -64
7 : #4a4049 : -62
9 : #4b3f4a : -60
11 : #4c3d4b : -58
13 : #4e3c4c : -56
15 : #4f3b4d : -54
17 : #51394e : -52
19 : #52384f : -50
21 : #533650 : -48
23 : #553551 : -46
25 : #563452 : -44
27 : #573253 : -42
29 : #593154 : -40
31 : #5a3055 : -38
33 : #5c2e56 : -36
35 : #5d2d57 : -34
37 : #5e2b58 : -32
39 : #602a59 : -30
41 : #61295a : -28
43 : #62275c : -26
45 : #64265d : -24
47 : #65245e : -22
49 : #67235f : -20
51 : #682260 : -18
53 : #692061 : -16
55 : #6b1f62 : -14
57 : #6c1e63 : -12
59 : #6d1c64 : -10
61 : #6f1b65 : -8
63 : #701966 : -6
65 : #721867 : -4
67 : #731768 : -2
69 : #741569 : ±0
71 : #76146a : +2
73 : #77136b : +4
75 : #78116c : +6
77 : #7a106d : +8
79 : #7b0e6f : +10
81 : #7d0d70 : +12
83 : #7e0c71 : +14
85 : #7f0a72 : +16
87 : #810973 : +18
89 : #820874 : +20
91 : #840675 : +22
93 : #850576 : +24
95 : #860377 : +26
97 : #880278 : +28
99 : #890179 : +30
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -26
3 : #0d020c : -24
5 : #160413 : -22
7 : #1e061b : -20
9 : #270723 : -18
11 : #2f092b : -16
13 : #380a33 : -14
15 : #410c3a : -12
17 : #490d42 : -10
19 : #520f4a : -8
21 : #5a1152 : -6
23 : #63125a : -4
25 : #6c1461 : -2
27 : #741569 : ±0
29 : #7d1771 : +2
31 : #861979 : +4
33 : #8e1a81 : +6
35 : #971c88 : +8
37 : #9f1d90 : +10
39 : #a81f98 : +12
41 : #b120a0 : +14
43 : #b922a8 : +16
45 : #c224af : +18
47 : #cb25b7 : +20
49 : #d327bf : +22
51 : #d82cc4 : +24
53 : #da34c7 : +26
55 : #db3dc9 : +28
57 : #dd46cb : +30
59 : #df4ece : +32
61 : #e057d0 : +34
63 : #e260d3 : +36
65 : #e368d5 : +38
67 : #e571d7 : +40
69 : #e679da : +42
71 : #e882dc : +44
73 : #ea8bdf : +46
75 : #eb93e1 : +48
77 : #ed9ce3 : +50
79 : #eea5e6 : +52
81 : #f0ade8 : +54
83 : #f2b6eb : +56
85 : #f3beed : +58
87 : #f5c7ef : +60
89 : #f6d0f2 : +62
91 : #f8d8f4 : +64
93 : #f9e1f7 : +66
95 : #fbe9f9 : +68
97 : #fdf2fb : +70
99 : #fefbfe : +72
CSS入門、作ってます。
text-shadow